javascript关于点击代替checkbox选中的问题

发布网友发布时间：2022-04-21 09:37

共1个回答

热心网友时间：2022-04-25 02:40

你的代码中既用了原生的JavaScript，也用了jQuery，究竟用哪种啊？你必须选一样，否则要实现你的目的就会发生冲突了。下面是只用原生JavaScript的方法：

<html>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<head>
<script language="javascript">
function myCheckbox(obj,thisobj)
{
var Checkbox = document.getElementById(obj);
Checkbox.checked = !Checkbox.checked;
}
</script>
</head>
<body>
<input type="checkbox" id="graphic"> <a href="javascript:;" class="graphic" onclick="myCheckbox('graphic',this);">点击这里checkbox被选中，再点击取消选中</a>
</body>
</html>追问如果两个以上点击这里checkbox被选中，再点击取消选中呢。id名称都相同的情况下怎么实现。

追答ID是不可以相同的（换句话说它是具有唯一性的），所以多个input可以设为不同的ID，即：
点击这里checkbox被选中，再点击取消选中

点击这里checkbox被选中，再点击取消选中
点击这里checkbox被选中，再点击取消选中
……

还有一种方法是把对应的input和a放到同一个父节点中，然后通过父节点来进行控制：

function myCheckbox(thisobj)
{
var Checkbox = thisobj.parentNode.getElementsByTagName("input")[0];
Checkbox.checked=!Checkbox.checked;
}

点击这里checkbox被选中，再点击取消选中

点击这里checkbox被选中，再点击取消选中

声明：本网页内容为用户发布，旨在传播知识，不代表本网认同其观点，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。
E-MAIL:11247931@qq.com