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

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

不要这样做。如果要选择全部，最好使用复选框。单选按钮有不同的用途

大概是这样的：

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

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

var checked=false；
函数checkedAll（）{
var aa=document.getElementsByName（“名称1”）；
选中=document.getElementById（'name1'）。选中；
对于（变量i=0；i

使用复选框，但应用类似单选按钮的样式

将此css应用于您的复选框

---

或者使用各种功能的输入框查看此链接最后，我找到了上述问题的解决方案。看起来是这样的：

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

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

函数onClickHeader（ele）{
var复选框=document.getElementsByTagName（'input'）；
如果（勾选元素）{
对于（变量i=0；i

甚至所有单选按钮

名称

相同，您应该了解单选按钮和复选框之间的更多差异否单选按钮名称不同i Tushar，而不是复选框其单选按钮单选按钮的全部要点是一个组中只能选择一个。在我的示例文档中。querySelectorAll（'input[type=“radio”]”）