Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 根据其他表单的值更改复选框的值_Javascript_Html_Forms - Fatal编程技术网

Javascript 根据其他表单的值更改复选框的值

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

我试图设置一个名为“All”的复选框,当选中时,它也会选中表单中的其余复选框。我基本上没有javascript的经验,如果这真的是基本的,那么很抱歉。我通过查看诸如和之类的帖子将这些信息拼凑在一起

我的HTML如下所示:

<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>