本文和上文是类似的,下面我们切入正题。实现功能是:当勾选checkboxlist的任何一个选项后,刚选项变得不可用,同时也不可修改选项为非选择状态。也就是说,在checkboxlist的四个或多个选项中,哪个被选中被勾选,哪个就被为不可用,一旦勾选上,就再不能取消勾选了。
①服务器端
先添加checkboxlist控件到页面中,然后,在后台代码为该控件添加绑定客户端事件的函数代码。
this.CheckBoxList1.Attributes.Add("onclick", "GetMyCbResult()");
②客户端的函数代码
<script type="text/javascript">
function GetMyCbResult()
{
var CHK = document.getElementById("CheckBoxList1");
var checkbox = CHK.getElementsByTagName("input");
var label = CHK.getElementsByTagName("label");
for (var i=0;i<checkbox.length;i++)
{
if(checkbox[i].type=="checkbox" && checkbox[i].checked)
{
checkbox[i].disabled="false";
}
}
}
</script>
注意,CheckBoxList1是控件的ID值。