js点击一个旋钮触发事件，根据事件结果显示另外一个按钮
日期：2014-05-16 浏览次数：20440 次
js点击一个按钮触发事件，根据事件结果显示另外一个按钮
控件包括按钮A,按钮B(默认隐藏)，文本域C
点击页面上的按钮A，后台会执行一个shell脚本，shell执行完之后会把类似日志的结果返回到文本域C中，如果文本域C中包含fail关键字，默认隐藏的按钮B显示fail，并且按钮颜色是红色，反之隐藏的按钮B显示pass，颜色是绿色，小弟不太会js，谁能给个简单的示例代码，谢谢！
------解决方案--------------------
<script type="text/javascript">
function test(){
var cVal = document.getElementById("C").value;
var bb = document.getElementById("B");
if(cVal.indexOf("fail") > -1){
bb.value='fail';
bb.style.display='';
bb.style.backgroundColor="red";
}else{
bb.value ='pass';
bb.style.display='';
bb.style.backgroundColor="green";
}
}
</script>
<body >
<input type="button" onClick="test();" id="A" value="A">
<input type="button" id="B" value="B" style="display:none;">
<input type="text" id="C" value="xxx fail xxxxxx">
</body>
自己贴出去看下效果，呵呵，我看还行
------解决方案--------------------
没显示是因为button的容器被隐藏了，你只设置了button显示灭用
AJAX实现
控件包括按钮A,按钮B(默认隐藏)，文本域C
点击页面上的按钮A，后台会执行一个shell脚本，shell执行完之后会把类似日志的结果返回到文本域C中，如果文本域C中包含fail关键字，默认隐藏的按钮B显示fail，并且按钮颜色是红色，反之隐藏的按钮B显示pass，颜色是绿色，小弟不太会js，谁能给个简单的示例代码，谢谢！
------解决方案--------------------
<script type="text/javascript">
function test(){
var cVal = document.getElementById("C").value;
var bb = document.getElementById("B");
if(cVal.indexOf("fail") > -1){
bb.value='fail';
bb.style.display='';
bb.style.backgroundColor="red";
}else{
bb.value ='pass';
bb.style.display='';
bb.style.backgroundColor="green";
}
}
</script>
<body >
<input type="button" onClick="test();" id="A" value="A">
<input type="button" id="B" value="B" style="display:none;">
<input type="text" id="C" value="xxx fail xxxxxx">
</body>
自己贴出去看下效果，呵呵，我看还行
------解决方案--------------------
没显示是因为button的容器被隐藏了，你只设置了button显示灭用
if (resultValue.indexOf("Fail") != -1) {
alert(button.value);
//element.stlye.visibility="visible";
button.value = 'Fail';
button.parentNode.stlye.display = ''; ////////设置容器显示而不是button
button.style.backgroundColor = 'red';
} else {
alert(button.value);
//element.stlye.visibility="visible";
button.value = 'Pass';
button.parentNode.stlye.display = ''; ////////设置容器显示而不是button
button.style.backgroundColor = 'green';
}AJAX实现
<script type="text/javascript">
function ajaxcheck(btn) {
var f = btn.form;
&n
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
