如何按名称设置复选框默认值？

Question

有没有办法将默认选中的复选框设置为name属性而非class或id？

<input type="checkbox" name="test">

我试过，但不起作用：

document.getElementByName("test").checked = true;

请提供的jsfiddle。

在此先感谢！

Answer 1

是的，这是可能的。但是，没有getElementByName方法，只有getElementsByName。所以，如果你有名字"test"一个单一的元素，你可以这样做：

document.getElementsByName("test")[0].checked = true; 

否则，您可以设置一个ID的元素，并使用document.getElementById。

DEMO：http://jsfiddle.net/GKFcR/

Answer 2

可以使用document.querySelector通过属性在任何现代的浏览器选择。

document.querySelector('[name=test]').checked = true; 

http://jsfiddle.net/ExplosionPIlls/xpxHe/

Answer 3

你可以这样做与jQuery

$('input[name="test"]').attr('checked',true); 

或jQuery的1.7+使用prop方法

$('input[name="test"]').prop('checked',true); 

Answer 4

您可以使用jQuery或没有做到这一点：

$('input[name="test"]').prop('checked', true); 
document.getElementsByName("test")[0].checked = true; 

http://jsfiddle.net/UZB5Y/1/

你的例子没有工作的方法是getElementsByName返回元件的阵列。

或者，如果你控制了HTML，你可以将它们设置在服务器上作为托运：

<input type="checkbox" name="test" checked="checked"> 

Answer 5

<input type="checkbox" name="test"> 

<input type="checkbox" name="test2"> 

<input type="checkbox" name="test2"> 

-------------------- 

// by jquery 

$("input[name='test']").attr('checked','checked') 

// by javascript 

document.getElementsByName("test2")[0].checked = true; 

这里是例子：http://jsfiddle.net/85x74/

Answer 6

使用jQuery更简单：

<input type="checkbox" name="test"> 

jquery：

$('input[name="test"]').attr('checked','checked'); 

在javascript中：

document.getElementsByName("test")[0].checked = true;