本文介绍了一种使用JavaScript实现网页表单中复选框全选功能的方法。通过编写函数检查所有复选框的状态并同步其勾选情况，还提供了一个获取已选中复选框值的功能。
<script language="javaScript">
全选或全部不选
function checkall(){
var isChecked=(document.ck.checkAll.checked == true);
var elements=document.ck.elements;
var counter=elements.length;
for(i=0;i<counter;i++){
var element=elements[i];
判断是否是复选框 ,如果不是复选框则不全选是不能被选中
if(element.type=="checkbox"){
element.checked=isChecked;
}
}
}
获得选中的值
function ckchecked(){
var subjectelement = document.getElementsByName("subject");
for(var i=0;i<subjectelement.length;i++){
if(subjectelement[i].checked){
alert(subjectelement[i].value)
}
}
}
</script>
全选或全部不选
function checkall(){
var isChecked=(document.ck.checkAll.checked == true);
var elements=document.ck.elements;
var counter=elements.length;
for(i=0;i<counter;i++){
var element=elements[i];
判断是否是复选框 ,如果不是复选框则不全选是不能被选中
if(element.type=="checkbox"){
element.checked=isChecked;
}
}
}
获得选中的值
function ckchecked(){
var subjectelement = document.getElementsByName("subject");
for(var i=0;i<subjectelement.length;i++){
if(subjectelement[i].checked){
alert(subjectelement[i].value)
}
}
}
</script>
<body>
<form id="ck" name="form1" method="post" action="bb.html">
多项选择框列表:
<br />
<br />
全选:<input type="checkbox" id="checkAll" onclick="return checkall()" />
<br />
<br />
<input name="subject" type="checkbox" value="语文" /> 语文
<br />
<input name="subject" type="checkbox" value="数学" /> 数学
<br />
<input name="subject" type="checkbox" value="化学" /> 化学
<br />
<input name="subject" type="radio" value="asd" />asd
<br />
<input name="Submit" type="submit" value="submit" onclick="return ckchecked()">
</form>
</body>
相关热门文章
给主人留下些什么吧！~~
评论热议
扫一扫
3768
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
