在html中，选中2个复选框中的一个复选框（不带JQuery）

我有两个复选框。我需要检查任何一个。我知道和你一起使用。但是HTML中的任何默认选项。我正好有两个复选框

谢谢

代码：

---

是否有任何选项可以更改复选框的高度和宽度？与css类似。

如果希望同时选中这两个复选框，请删除语法中的

name

属性

<input type="checkbox" value="1" />
 <input type="checkbox" value="2"/>

---

HTML中的Hi使用单选按钮。，。。。。简单的交替..更少的代码..这也提高了性能..优化的解决方案

<form action="">
<input type="radio" name="foo" value="1">
<br>
<input type="radio" name="foo" value="2">
</form>

CSS：

要选中一个，请使用“已选中”属性

<input type="checkbox" value="1" name="foo" checked />

---

这应该足够好了

var $inputs = $('input');
$('input').change(function() {
    if(this.checked)
        $inputs.not(this).prop('checked', !this.checked);
});

无论复选框的数量如何，这都应该有效

香草JS

var inputs = document.getElementsByTagName('input'),
    checkboxes = [];

for (var i = 0; i < inputs.length; i++) {
    if (inputs[i].type === 'checkbox') {
        checkboxes.push(inputs[i]);
        inputs[i].addEventListener('change', function () {
            if (this.checked) {
                for (var j = 0; j < checkboxes.length; j++) {
                    if (checkboxes[j] !== this) {
                        checkboxes[j].checked = false;
                    }
                }
            }
        });
    }
}

var inputs=document.getElementsByTagName（'input'），
复选框=[]；
对于（变量i=0；i

---

如果可以使用类似于复选框的单选按钮。 试试这个

HTML

---

@我的要求是不同的。我只有2个复选框。我不想要Jquery。我还需要一些css帮助。

Wt

是什么意思？如果你不想要jquery，为什么你的问题中有

jquery

标记？我用jquery发布了帖子，我不想要jquery。这就是为什么我给Jquery加了标签。伙计们，你们听到了吗？为什么标记为重复@vinodadhikary是第一个标记为复制品的人。但他从我的评论中理解了我的观点。只要回顾一下我的问题…@karsho如果是rt方法，请不要忘记标记为答案。。

var $inputs = $('input');
$('input').change(function() {
    if(this.checked)
        $inputs.not(this).prop('checked', !this.checked);
});

var inputs = document.getElementsByTagName('input'),
    checkboxes = [];

for (var i = 0; i < inputs.length; i++) {
    if (inputs[i].type === 'checkbox') {
        checkboxes.push(inputs[i]);
        inputs[i].addEventListener('change', function () {
            if (this.checked) {
                for (var j = 0; j < checkboxes.length; j++) {
                    if (checkboxes[j] !== this) {
                        checkboxes[j].checked = false;
                    }
                }
            }
        });
    }
}

<input type="radio" value="1" name="foo"  />
<input type="radio" value="2" name="foo"  />

input[type="radio"] {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    -ms-appearance: checkbox;     /* not currently supported */
    -o-appearance: checkbox;      /* not currently supported */
}