Question

我正在尝试使用一个名为“All”的复选框，在选中时，还会检查表单中的其余复选框。我基本上没有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>

当我选中复选框All时，如何更改复选框1和2？感谢。

Answer 1

由于您不熟悉javascript，我建议您查看jQuery javascript库。许多程序员发现学习/使用起来更简单，并且没有争议它需要更少的打字。

Here are some introductory jQuery tutorials如果你很好奇。

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

Working jsFiddle here

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>

JQUERY：

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

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

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

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

1 个答案: