Javascript 根据其他表单的值更改复选框的值
我试图设置一个名为“All”的复选框,当选中时,它也会选中表单中的其余复选框。我基本上没有javascript的经验,如果这真的是基本的,那么很抱歉。我通过查看诸如和之类的帖子将这些信息拼凑在一起 我的HTML如下所示:Javascript 根据其他表单的值更改复选框的值,javascript,html,forms,Javascript,Html,Forms,我试图设置一个名为“All”的复选框,当选中时,它也会选中表单中的其余复选框。我基本上没有javascript的经验,如果这真的是基本的,那么很抱歉。我通过查看诸如和之类的帖子将这些信息拼凑在一起 我的HTML如下所示: <form> <input type="checkbox" id="A" onclick="checkIt(this)">All<br></input> <input type="checkbox" id="1"&g
<form>
<input type="checkbox" id="A" onclick="checkIt(this)">All<br></input>
<input type="checkbox" id="1">One<br></input>
<input type="checkbox" id="2">Two<br></input>
</form>
当我选中复选框All时,如何更改复选框1和2?谢谢。由于您不熟悉javascript,我建议您查看jQuery javascript库。许多编码人员发现它更易于学习/使用,而且不存在需要更少打字的争论 如果你好奇的话 为了解决您的问题,我在您希望自动选中/取消选中的复选框中添加了一个类,并使用该类来选中/取消选中复选框 HTML: 请注意,此解决方案使用jQuery,因此您需要加载jQuery库,通常将这一行放在头标记中:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
由于您不熟悉javascript,我建议您查看jQuery javascript库。许多编码人员发现它更易于学习/使用,而且不存在需要更少打字的争论 如果你好奇的话 为了解决您的问题,我在您希望自动选中/取消选中的复选框中添加了一个类,并使用该类来选中/取消选中复选框 HTML: 请注意,此解决方案使用jQuery,因此您需要加载jQuery库,通常将这一行放在头标记中:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
啊,是的,这正是我需要的。我的网络搜索技能失败。在这里发帖总是让我觉得自己像个白痴。伙计,别担心!就留下来吧。啊,是的,这正是我需要的。我的网络搜索技能失败。在这里发帖总是让我觉得自己像个白痴。伙计,别担心!就留下来吧。
$('#A').click(function() {
// alert($(this).prop('checked'));
if ($(this).is(':checked') == true) {
$('.cb').prop('checked', true);
}else{
$('.cb').prop('checked', false);
}
});
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>