JavaScript 复选框操作技巧

简介:有五个复选框,默认只有复选框1能操作,其余的复选框处于不可操作状态(即变为灰色的display为false) 当选中复选框1,其余四个复选框才能进行操作(即display为true) 当取消复选框1,其余四个复选框又处于不可用状态



<SCRIPT LANGUAGE="JavaScript">
function fun(obj)
/******************************************************
* JavaScript 复选框操作技巧 Share JavaScript (http://www.ShareJS.com)
* 使用此脚本程序,请保留此声明
* 获取此脚本以及更多的JavaScript程序,请访问 http://www.ShareJS.com
******************************************************/

{
var cbx = document.getElementsByName("cbx")
for(var i=0;i<cbx.length ;i++ )
{
cbx[i].disabled=obj==cbx[i]?false:!obj.checked
}
}
</SCRIPT>
<INPUT TYPE="checkbox" NAME="cbx" onclick="fun(this)">1
<INPUT TYPE="checkbox" NAME="cbx" disabled>2
<INPUT TYPE="checkbox" NAME="cbx" disabled>3
<INPUT TYPE="checkbox" NAME="cbx" disabled>4
<INPUT TYPE="checkbox" NAME="cbx" disabled>5


 

原文地址:https://www.cnblogs.com/wzg0319/p/2029023.html