如何选择javascript中的所有单选按钮

Question

当我单击一个主要选择单选按钮时，它应该选择我的表单中的所有单选按钮。同样的方式当我取消选择任何一个单选按钮时，它应该取消选择主单选按钮（用于选择所有单选按钮）。

Answer 1

不要这样做。如果要选择all，请更好地使用复选框。单选按钮有不同的用途。

这样的事情：

var checked=false;
function checkedAll () {
    var aa =  document.getElementsByName("name1");
    checked = document.getElementById('name1').checked;

    for (var i =0; i < aa.length; i++) 
    {
        aa[i].checked = checked;
    }
 }

<强> JSFIDDLE DEMO

Answer 2

  

使用复选框，但应用单选按钮等样式。

DEMO

请将此css添加到您的复选框

的

的

 input[type="checkbox"] {
    -webkit-appearance: radio; /* Chrome, Safari, Opera */
    -moz-appearance: radio;    /* Firefox */
    -ms-appearance: radio;     /* not currently supported */
}

的

或使用输入框查看各种功能，请参阅此链接http://demo.hongkiat.com/css3-checkbox-radio/

Answer 3

最后，我找到了上述问题的解决方案。它看起来像这样：

function onClickHeader(ele) {
    var checkboxes = document.getElementsByTagName('input');
    if (ele.checked) {
        for (var i = 0; i < checkboxes.length; i++) {
            if (checkboxes[i].type == 'checkbox') {
                checkboxes[i].checked = true;
            }
        }
    } else {
        for (var i = 0; i < checkboxes.length; i++) {
            if (checkboxes[i].type == 'checkbox') {
                checkboxes[i].checked = false;
            }
        }
    }
}