我有麻烦得到复选框.检查工作

i am having trouble getting checkbox.checked working

本文关键字：复选框 检查 工作 麻烦      更新时间：2023-09-26

我似乎无法获得复选框。检查工作，我有一个脚本，改变基于onclick()的图像，但我希望它根据复选框是否被选中来改变它。我做错了什么?另外，如果有人可以解决这个问题，那么在ie8

中复选框不会选中。

这里是活动链接:http://jsbin.com/uburan/1/edit

代码:

<script type="text/javascript">
function func()
{
    var img1= document.getElementById("img1");
    if(checkbox.checked)
    {
        img1.src = "images/" + "img1a.jpg";
        img1.name = "off";
    }
    else
    {
        img1.src = "images/" + "img1.jpg";
        img1.name = "on";
    }
}
</script>

</head>
<body>
<form>
<p align="center">
<input type="checkbox" name="interest1" id="interest1" value="x">
<input type="checkbox" name="interest2" id="interest2" value="x">
<input type="checkbox" name="interest3" id="interest3" value="x"></p>   
<p align="center">
<label for="interest1" id="label-interest1"><img src="images/img1.jpg" width="781" height="800" onclick="func()" id="img1" /></label>
<label for="interest2" id="label-interest2"><img src="/images/img2.jpg" width="781" height="800" /></label>
<label for="interest3" id="label-interest3"><img src="/images/img3.jpg" width="781" height="800" /></label></P><!-- code making checkbox be an image-->
</form>

必须指定复选框的ID(或其在DOM中的引用)。像这样:

if(document.getElementById('interest1').checked)
{
    // blah
}

如果你想检查它们是否都被选中:

if(document.getElementById('interest1').checked && 
   document.getElementById('interest2').checked &&
   document.getElementById('interest3').checked) {
    // blah
}
相关文章：