本文介绍如何使用JavaScript来控制复选框的选择状态，通过获取复选框元素并设置其checked属性，实现全选和取反的功能。示例中展示了如何选取ID为'cx4'的复选框元素。
<script type="text/javascript">
//全选
function aa(){
var check = document.getElementById("cx1");
var check1 = document.getElementById("cx");
var check2= document.getElementById("cx2");
var check3= document.getElementById("cx3");
var check4= document.getElementById("cx4");
alert( check.checked) ;
ds=check.checked
check1.checked=ds;
check2.checked=ds;
check3.checked=ds;
check4.checked=ds;
function bu(){
var check1 = document.getElementById("cx");
var check = document.getElementById("cx1");
var check2= document.getElementById("cx2");
var check3= document.getElementById("cx3");
check1.checked= !check1.checked
check2.checked= !check2.checked
check3.checked=!check3.checked
check4.checked=!check4.checked
}
</script>
<input type="checkbox" name="cx" id="cx1" onclick="aa()" />全选<br />
<input type="checkbox" name="cx" id="cx" />属于<br />
<input type="checkbox" name="cx" id="cx2" />属于<br />
<input type="checkbox" name="cx" id="cx3" />属于<br />
<input type="checkbox" name="cx" id="cx4" />属于<br />
<input type="button" name="bu" id="bu" value="取反" onclick="bu()"/>
</body>
//全选
function aa(){
var check = document.getElementById("cx1");
var check1 = document.getElementById("cx");
var check2= document.getElementById("cx2");
var check3= document.getElementById("cx3");
var check4= document.getElementById("cx4");
alert( check.checked) ;
ds=check.checked
check1.checked=ds;
check2.checked=ds;
check3.checked=ds;
check4.checked=ds;
}
function bu(){
var check1 = document.getElementById("cx");
var check = document.getElementById("cx1");
var check2= document.getElementById("cx2");
var check3= document.getElementById("cx3");
var check4= document.getElementById("cx4");
check.checked= !check.checkedcheck1.checked= !check1.checked
check2.checked= !check2.checked
check3.checked=!check3.checked
check4.checked=!check4.checked
}
</script>
</head>
<input type="checkbox" name="cx" id="cx1" onclick="aa()" />全选<br />
<input type="checkbox" name="cx" id="cx" />属于<br />
<input type="checkbox" name="cx" id="cx2" />属于<br />
<input type="checkbox" name="cx" id="cx3" />属于<br />
<input type="checkbox" name="cx" id="cx4" />属于<br />
<input type="button" name="bu" id="bu" value="取反" onclick="bu()"/>
</body>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
