javascript中的复选框和取消复选框_Javascript_Html_Javascript Events

javascript中的复选框和取消复选框

javascript html

javascript中的复选框和取消复选框,javascript,html,javascript-events,Javascript,Html,Javascript Events,我有一个脚本，可以检查并选中表单中的所有复选框，我的问题是，我只希望它影响我的复选框，但它也会影响我的单选按钮这是我的javascript <script> checked=false; function checkedAll (frm1) { var aa= document.getElementById('frm1'); if (checked == false) { checked = true

我有一个脚本，可以检查并选中表单中的所有复选框，我的问题是，我只希望它影响我的复选框，但它也会影响我的单选按钮

这是我的javascript

    <script>

checked=false;
function checkedAll (frm1) {
    var aa= document.getElementById('frm1');
     if (checked == false)
          {
           checked = true
          }
        else
          {
          checked = false
          }
    for (var i =0; i < aa.elements.length; i++) 
    {
     aa.elements[i].checked = checked;
    }
      }
</script>


选中=错误；
功能检查全部（frm1）{
var aa=document.getElementById（'frm1'）；
如果（选中==false）
{
选中=真
}
其他的
{
选中=错误
}
对于（var i=0；i


这是我的html
<form id ="frm1">
<input type="checkbox" name="chk1">
<input type="radio" name="chk1">
<input type="checkbox" name="chk2">
<input type='checkbox' name='checkall' onclick='checkedAll(frm1);'>
</form>



我想知道是否有办法只选中复选框而不选中单选按钮。
for（var I=0；Ifor (var i =0; i < aa.elements.length; i++) 
{
    if (aa.elements[i].type == "checkbox") {
        aa.elements[i].checked = checked;
    }
}

{
if（aa.elements[i].type==“复选框”）{
aa.元素[i].选中=选中；
}
}
您可以在表单元素中循环并检查“type”属性。或者，您可以使用类似jQuery的javascript库，这样可以更容易地选择特定类型的元素
var elLength = document.MyForm.elements.length;

for (i=0; i<elLength; i++)
{
    var type = MyForm.elements[i].type;
    if (type=="checkbox" && MyForm.elements[i].checked){
        alert("Form element in position " + i + " is of type checkbox and is checked.");
    }
    else if (type=="checkbox") {
        alert("Form element in position " + i + " is of type checkbox and is not checked.");
    }
    else {
    }
}

你可以用。在编辑器中使用下面的html代码。它工作正常
<html>
<head>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.0.js">    </script>
</head>
    <form id="myform">  
       <input type="checkbox" />chk1  
       <input type="checkbox" />chk2<br/>    
       <input type="radio" />radio1<br/>       
       <a style="cursor:pointer" onclick="ch()">check/uncheck</a>
    </form>
</body></html>


chk1
chk2

收音机1

勾选/取消勾选

这个脚本：
 <script>
    function ch(){
        $("form#myform input[type='checkbox']").each(function(chk) {
            this.checked = !this.checked;
        });        
    }
 </script>


函数ch（）{
$（“form#myform input[type='checkbox']）。每个（函数（chk）{
this.checked=！this.checked；
});        
}
您可以将if-else替换为一行来简化它：checked=！选中
；chk.checked不起作用。使用这个。选中=！这个，查对了。。我应该把<代码>$（chk）.checked=$（chk）.已选中

。。。抢手货

 <script>
    function ch(){
        $("form#myform input[type='checkbox']").each(function(chk) {
            this.checked = !this.checked;
        });        
    }
 </script>