使用不显眼的Javascript通过ID操作多个复选框？
使用不显眼的Javascript通过ID操作多个复选框？
提问于 2010-04-27 18:57:12
我希望能够选择多个复选框onmouseover，但不是将onmouseover应用于每个单独的框，我一直在尝试通过按ID操作复选框来实现这一点，尽管我不确定从使用getElementById到哪里去。因此，您看到的不是下面的内容：
<html>
<head>
<script>
var Toggle = true;
var Highlight=false;
function handleKeyPress(evt) {
var nbr;
if (window.Event) nbr = evt.which;
else nbr = event.keyCode;
if(nbr==16)Highlight=true;
return true;
}
function MakeFalse(){Highlight=false;}
function SelectIt(X){
if(X.checked && Toggle)X.checked=false;
else X.checked=true;
}
function ChangeText()
{
var test1 = document.getElementById("1");
test1.innerHTML = "onmouseover=SelectIt(this)"
}
</script>
</head>
<body>
<form name="A">
<input type="checkbox" name="C1" onmouseover="SelectIt(this)" id="1"><br>
<input type="checkbox" name="C2" onmouseover="SelectIt(this)" id="2"><br>
<input type="checkbox" name="C3" onmouseover="SelectIt(this)" id="3"><br>
<input type="checkbox" name="C4" onmouseover="SelectIt(this)" checked="" disabled="disabled" id="4"><br>
<input type="checkbox" name="C5" onmouseover="SelectIt(this)" id="5"><br>
<input type="checkbox" name="C6" onmouseover="SelectIt(this)" id="6"><br>
<input type="checkbox" name="C7" onmouseover="SelectIt(this)" id="7"><br>
<input type="checkbox" name="C8" onmouseover="SelectIt(this)" id="8"><br>
</form>
</body>
</html>我希望能够将onmousover效果应用于如下复选框数组：
<form name="A">
<input type="checkbox" name="C1" id="1"><br>
<input type="checkbox" name="C2" id="2"><br>
<input type="checkbox" name="C3" id="3"><br>
<input type="checkbox" name="C4" checked="" disabled="disabled" id="4"><br>
<input type="checkbox" name="C5" id="5"><br>
<input type="checkbox" name="C6" id="6"><br>
<input type="checkbox" name="C7" id="7"><br>
<input type="checkbox" name="C8" id="8"><br>
</form>在尝试了Stack Overflow的搜索功能并在Google上四处寻找之后，到目前为止，我还没有找到一个对我有意义的解决方案，尽管我还在学习过程中，所以我担心我可能试图做一些对我的知识水平来说太高级的事情。
回答 2
Stack Overflow用户
发布于 2010-04-27 19:12:45
你不需要改变你的输入的事件来使JavaScript变得简单易懂。不能执行JavaScript的代理将忽略onmouseover属性。由于我希望您在循环中的服务器端生成复选框，因此没有必要害怕复制。
Stack Overflow用户
发布于 2010-04-27 19:28:21
我会考虑在客户端获取任何东西的jQuery。例如，您的问题可以很容易地在jQuery中建模，并且只需极少的代码：
$(':checkbox').mouseover(function()
{
this.checked = !this.checked;
});这将抓取页面上的所有复选框，并将鼠标悬停事件附加到这些复选框上，然后当鼠标悬停在这些复选框上时，它只是切换元素上选中属性的状态。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/2720528
复制相关文章
相似问题
腾讯云开发者
