如何默认选中单选按钮

时间:2015-07-14 06:33:50

标签: php html css forms

这是我的单选按钮。

<input type="radio" id="MyRadio" value=1>
<input type="radio" id="MyRadio" value=2>
<input type="radio" id="MyRadio" value=3>

在脚本中我想检查第三个单选按钮

$('#MyRadio').attr('checked',true);但它没有检查任何单选按钮。

var target = '3';

如何使用id="MyRadio"value=3

检查单选按钮

7 个答案:

答案 0 :(得分:1)

首先id应该是唯一的,因此请将id更改为class

因此HTML变为:

<input type="radio" class="MyRadio" value=1>
<input type="radio" class="MyRadio" value=2>
<input type="radio" class="MyRadio" value=3>

使用Jquery&gt; 1.9

$(".MyRadio:radio[value=3]").prop("checked", true)

请参阅小提琴:http://jsfiddle.net/y6s31h8d/

答案 1 :(得分:0)

http://api.jquery.com/prop/

关于布尔属性,请考虑由HTML标记定义的DOM元素,并假设它位于名为elem的JavaScript变量中:

elem.checked    true (Boolean) Will change with checkbox state
$( elem ).prop( "checked" )     true (Boolean) Will change with checkbox state
elem.getAttribute( "checked" )  "checked" (String) Initial state of the checkbox; does not change
$( elem ).attr( "checked" ) (1.6)   "checked" (String) Initial state of the checkbox; does not change
$( elem ).attr( "checked" ) (1.6.1+)    "checked" (String) Will change with checkbox state
$( elem ).attr( "checked" ) (pre-1.6)   true (Boolean) Changed with checkbox state

<强>正确:

<input type="radio" id="MyRadio3" value=3>
$("MyRadio3").checked

如果将3个元素命名为相同的id,则没有意义。你宁愿使用类。

答案 2 :(得分:0)

$('#MyRadio').val(3);它应该有效

答案 3 :(得分:0)

你错过了一个“

尝试以下代码

<input type="radio" id="MyRadio1" value=1>
<input type="radio" id="MyRadio2" value=2>
<input type="radio" id="MyRadio3" value=3>
                  ^




$("#MyRadio3").attr('checked', 'checked');

将其从“true”更改为“checked”。

对于jQuery 1.9或更高版本使用:(可能自1.6起)

$("#MyRadio3").prop("checked", true)

答案 4 :(得分:0)

$('input[name=type][value=2]').prop('checked', 'checked');

您可以尝试根据其值来检查单选按钮。

答案 5 :(得分:0)

请试试这个。只需为您的单选按钮指定一个名称属性。

$('input:radio[name="MyRadio"]').filter('[value="3"]').attr('checked', true);

答案 6 :(得分:0)

首先,在将类型设置为无线电后,您会错过报价。第二个问题是在多个元素上使用相同的ID,一个类更适合该工作。

javascript应该是这样的:

$('.MyRadio').eq(2).attr('checked', true)

首先是使用类名的选择器,Second是eq函数,它从数组中通过索引获取元素。第三是像你一样设置checked属性:)。

https://jsfiddle.net/un5pfee2/