我在JS中有一个函数,可以检查表单中的所有复选框:
function CheckAll(chk){
for (i = 0; i < chk.check.length; i++)
if (chk.All.checked==true){
chk.check[i].checked = true;
chk.check[i].disabled = true;
}
else {
chk.check[i].disabled = false;
chk.check[i].checked = false;
}
}
我最近在表单中添加了一些
radio
按钮,我的问题是:此功能还会激活我的所有单选按钮吗(我知道只能选择一个单选按钮,但是我不确定该如何工作这样的脚本..)?在这里您可以找到我的表单代码:
<form name='MyForm'>
<b>This is my Simple Form</b></br>
</br>
<input type='radio' name='parameter' value='ONE' checked='checked' />ONE<br/>
<input type='radio' name='parameter' value='TWO' />TWO<br/>
<input type='radio' name='parameter' value='THREE' />THREE<br/>
<input type='radio' name='parameter' value='FOUR' />FOUR<br/>
<input type='radio' name='parameter' value='FIVE' />FIVE<br/>
<input type='radio' name='parameter' value='SIX' />SIX<br/>
<input type='radio' name='parameter' value='SEVEN' />SEVEN<br/>
<script>
document.write("</br>");
var count
var check_value = new Array()
check_value[0] = "001"
check_value[1] = "002"
check_value[2] = "003"
check_value[3] = "004"
for(count in check_value){
var checkbox = "<input type='checkbox' name='check' value='"+check_value[count]+"' />"
document.write(checkbox + check_value[count] + " ");
}
document.write("<input type='checkbox' name='All' value='All' onClick='CheckAll(document.MyForm);' /> All");
</script>
</br>
</br>
<input type=button value='Ok' onClick='foo(document.MyForm);'>
</form>
如果这不能按我的意愿工作,我该如何解决?
最佳答案
测试非常简单:http://jsfiddle.net/yk9uD/
内容:
<form name='MyForm'>
<b>This is my Simple Form</b></br>
</br>
<input type='radio' name='parameter' value='ONE' checked='checked' />ONE<br/>
<input type='radio' name='parameter' value='TWO' />TWO<br/>
<input type='radio' name='parameter' value='THREE' />THREE<br/>
<input type='radio' name='parameter' value='FOUR' />FOUR<br/>
<input type='radio' name='parameter' value='FIVE' />FIVE<br/>
<input type='radio' name='parameter' value='SIX' />SIX<br/>
<input type='radio' name='parameter' value='SEVEN' />SEVEN<br/>
<script>
function CheckAll(chk){
for (i = 0; i < chk.check.length; i++) {
if (chk.All.checked==true){
chk.check[i].checked = true;
chk.check[i].disabled = true;
}
else {
chk.check[i].disabled = false;
chk.check[i].checked = false;
}
}
}
document.write("</br>");
var count;
var check_value = new Array()
check_value[0] = "001"
check_value[1] = "002"
check_value[2] = "003"
check_value[3] = "004"
for(count in check_value){
var checkbox = "<input type='checkbox' name='check' value='"+check_value[count]+"' />"
document.write(checkbox + check_value[count] + " ");
}
document.write("<input type='checkbox' name='All' value='All' onClick='CheckAll(document.MyForm);' /> All");
</script>
</br>
</br>
<input type=button value='Ok' onClick='foo(some var);'>
</form>
问题的答案是:不,它不会选择所有单选按钮。
原因是您的代码仅对名称为
check
的输入进行迭代:for (i = 0; i < chk.check.length; i++) {
关于javascript - 带有单选和复选框的JavaScript“全部检查”,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/14276075/