javascript - 名前でチェックボックスのデフォルトを設定するには?

Question

class または id ではなく name 属性でデフォルトでチェックされているチェックボックスを設定する方法はありますか?

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

私はこれを試しましたが、動作しません:

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

jsfiddle を提供してください。

前もって感謝します！

Answer 1

はい、可能です。ただし、getElementByName方法はなく、あるのみgetElementsByNameです。したがって、 name を持つ単一の要素がある場合は、次の"test"ことができます。

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

それ以外の場合は、要素に ID を設定して を使用できますdocument.getElementById。

デモ: 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;