我尝试用jQuery检查单选按钮。这是我的代码:
<form>
<div id='type'>
<input type='radio' id='radio_1' name='type' value='1' />
<input type='radio' id='radio_2' name='type' value='2' />
<input type='radio' id='radio_3' name='type' value='3' />
</div>
</form>
JavaScript:
jQuery("#radio_1").attr('checked', true);
不工作:
jQuery("input[value='1']").attr('checked', true);
不工作:
jQuery('input:radio[name="type"]').filter('[value="1"]').attr('checked', true);
不工作:
你还有别的主意吗?我错过了什么?
当前回答
使用prop()方法
来源链接
<p>
<h5>Radio Selection</h5>
<label>
<input type="radio" name="myRadio" value="1"> Option 1
</label>
<label>
<input type="radio" name="myRadio" value="2"> Option 2
</label>
<label>
<input type="radio" name="myRadio" value="3"> Option 3
</label>
</p>
<p>
<button>Check Radio Option 2</button>
</p>
<script>
$(function () {
$("button").click(function () {
$("input:radio[value='2']").prop('checked',true);
});
});
</script>
其他回答
如果你不想为这么简单的事情包含一个像jQuery这样的大库，这里有一个使用内置DOM方法的替代解决方案:
// Check checkbox by id: document.querySelector('#radio_1').checked = true; // Check checkbox by value: document.querySelector('#type > [value="1"]').checked = true; // If this is the only input with a value of 1 on the page, you can leave out the #type > document.querySelector('[value="1"]').checked = true; <form> <div id='type'> <input type='radio' id='radio_1' name='type' value='1' /> <input type='radio' id='radio_2' name='type' value='2' /> <input type='radio' id='radio_3' name='type' value='3' /> </div> </form>
如果属性名称不起作用，不要忘记id仍然存在。这个答案是给那些想知道你怎么做的人的。
$('input[id=element_id][value=element_value]').prop("checked",true);
因为属性名对我没用。请确保id和名字周围没有双引号或单引号。
干杯!
短而易读的选项:
$("#radio_1").is(":checked")
它返回true或false，所以你可以在if语句中使用它。
试试这个。
在本例中，我以它的输入名称和值为目标
$("input[name=background][value='some value']").prop("checked",true);
很高兴知道:在多词值的情况下，它也会工作，因为撇号。
令人惊讶的是，尽管有评论，最受欢迎和接受的答案忽略了触发适当的事件。确保您调用了.change()，否则所有“on change”绑定将忽略此事件。
$("#radio_1").prop("checked", true).change();
