如何按名稱設置複選框默認值？

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;