2

我正在尝试使用一个称为“全部”的复选框，该复选框还会在我的表单中检查其余的复选框。我基本上没有 javascript 经验，如果这真的很基本，我很抱歉。我通过查看类似this和this的帖子将其拼凑在一起。 

<script type="text/javascript">
function checkIt(checkbox)
{
  document.GetElementById("1").checked = true;
  document.GetElementById("2").click();

}
</script>

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

当我选择所有复选框时，如何更改复选框 1 和 2？谢谢。

4

1 回答 1

-2

由于您不熟悉 javascript，我建议您查看 jQuery javascript 库。许多编码人员发现它更易于学习/使用，而且毫无疑问它需要更少的打字。

如果你好奇的话，这里有一些介绍性的 jQuery 教程。

为了解决您的问题，我在您希望自动选中/取消选中的复选框中添加了一个类，并使用该类来选中/取消选中这些框。

在这里工作 jsFiddle

HTML：

<form>
  <input type="checkbox" id="A">All<br></input>
  <input type="checkbox" class="cb" id="1">One<br></input>
  <input type="checkbox" class="cb" id="2">Two<br></input>
</form>

查询：

$('#A').click(function() {
   // alert($(this).prop('checked'));
    if ($(this).is(':checked') == true) {
        $('.cb').prop('checked', true);
    }else{
        $('.cb').prop('checked', false);
    }
});

请注意，此解决方案使用 jQuery，因此您需要加载 jQuery 库（通常将此行放在您的 head 标签中）：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
于 2013-08-15T18:02:00.913 回答