javascript - javascript中2列复选框的2个按钮

Question

我正在使用 ASP 经典，并且我的页面上已经有一个按钮可以选择所有复选框，但是当我尝试制作另一个按钮时，这个新的“Button2”选择所有复选框，我需要该按钮 1 勾选第一列和button2 检查第二个。柱子。提前致谢。

这是 button2 "Todos sin sup" 的 HTML：

<td>
<td align="right" colspan="10"><input type="button"
    name="btn_seleccionar_todo_sin_sup"  value="Todos sin sup" onclick="javascript:marcar
    (this.form);">
</td>   
</td>

Javascript函数：

function marcar()
{
    var aa= document.getElementById('entregas');
    if (checked == false)
    {
        checked = true
    }
    else
    {
        checked = false
    }
    for (var i =0; i < aa.elements.length; i++) 
    {
        aa.elements[i].checked = checked;
    }
}

Answer 1

问题是所有的复选框都在一个名为“entregas”的容器内。

当您的for循环遍历元素并id="entregas"停止时aa.elements.length，您将仅将要检查按钮 1 的id="entregas"复选框包装在一个元素中，然后仅将要检查按钮 2 的复选框包装在另一个元素中，例如id="entregas2"。然后创建一个名为的新函数，例如marcar2().

更改此行marcar2()：

var aa = document.getElementById('entregas2');

然后将此 HTML 用于按钮 2：

<input type="button" id="entregas2" value="Button 2" onclick="javascript:marcar2()" />