如何使用jQuery检查单选按钮？

本文翻译自：How to check a radio button with jQuery?

I try to check a radio button with jQuery. 我尝试用jQuery检查一个单选按钮。 Here's my code: 这是我的代码：

<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>

And the JavaScript: 和JavaScript：

jQuery("#radio_1").attr('checked', true);

Doesn't work: 不起作用：

jQuery("input[value='1']").attr('checked', true);

Doesn't work: 不起作用：

jQuery('input:radio[name="type"]').filter('[value="1"]').attr('checked', true);

Doesn't work: 不起作用：

Do you have another idea? 你有其他想法吗？ What am I missing? 我错过了什么？

#1楼

参考：https://stackoom.com/question/Nlxj/如何使用jQuery检查单选按钮

#2楼

Short and easy to read option: 简短易读的选项：

$("#radio_1").is(":checked")

It returns true or false, so you can use it in "if" statement. 它返回true或false，因此您可以在“if”语句中使用它。

#3楼

Try this. 试试这个。

In this example, I'm targeting it with its input name and value 在这个例子中，我用它的输入名称和值来定位它

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

Good to know: in case of multi-word value, it will work because of apostrophes, too. 很高兴知道：在多字值的情况下，它也会因为撇号而起作用。

#4楼

Try this. 试试这个。

To check Radio button using Value use this. 要使用Value检查单选按钮，请使用此选项。

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

Or 要么

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

Or 要么

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

To check Radio button using ID use this. 要使用ID检查单选按钮，请使用此选项。

$('#radio_1').attr('checked','checked');

Or 要么

$('#radio_1').prop('checked','checked');

#5楼

试试这个

var isChecked = $("#radio_1")[0].checked;

#6楼

The $.prop way is better: $.prop方式更好：

$(document).ready(function () {                            $("#radio_1").prop('checked', true);
});

and you can test it like the following: 你可以像下面这样测试它：

$(document).ready(function () {                            $("#radio_1, #radio_2", "#radio_3").change(function () {if ($("#radio_1").is(":checked")) {$('#div1').show();}else if ($("#radio_2").is(":checked")) {$('#div2').show();}else $('#div3').show();});
});

如何使用jQuery检查单选按钮？相关推荐

jQuery检查某个元素在页面上是否存在
用jQuery检查某个元素在网页上是否存在时,应该根据获取元素的长度来判断,代码如下: if($("#tt").length > 0) {//元素存在时执行的代码 } 具体原 ...
使用jquery检查/取消选中复选框？ [重复]
本文翻译自:check / uncheck checkbox using jquery? [duplicate] This question already has an answer here: 这 ...
html单选按钮禁用,使用jQuery禁用单选按钮
使用jQuery禁用单选按钮我试图在单击loadActive链接时禁用这些单选按钮,但由于某种原因,它仅禁用顺序中的第一个按钮,然后跳过其余的按钮. Load Active 这是我正在使用的jQue ...
jquery 获取一组元素的选中项 - 函数、jquery获取复选框值、jquery获取单选按钮值...
做表单提交时,如果现在还在用form提交,用户体验很差,所以一般使用ajax提交. 其中需要获取每个表单输入元素的值,获取的时候像文本框这些还好说,Jquery提供了 .val() 方法,获取很方便, ...
使用jQuery检查输入是否为空
我有一个表格,我希望所有字段都填写.如果一个字段被点击,然后没有填写,我想显示一个红色背景. 这是我的代码: $('#apply-form input').blur(function () {if ( ...
jquery给单选按钮赋值_jquery循环遍历radio单选按钮，并设置选中状态
背景:自己在做项目过程中遇到的问题,现在记录一下. 需求:在ajax获取后台数据的之后,需要根据获取的数据对页面中的radio单选按钮进行选中状态设置因为自身js功底欠佳,所以耽误了点时间,现在把方 ...
html+radio设置背景图片,jquery – 用单选按钮更改背景图像
在这里,我已完成上述问题的完整演示.请查看演示链接. HTML: Wood Steel Black metal jQuery的: $(function() { $(".bgCollectio ...
jquery 检查金钱类型
//检查金钱格式$(".text_money").on("blur", function () {checkMoney($(this));});//检查金钱格式 ...
html单选按钮选中后取消选中,jquery实现单选按钮选中与取消选中
单选按钮的选中与取消选中,是元素自带的属性checked来实现的一般情况下: $("#updateApplyForSmsNotification [name='applyForSmsNot ...

如何使用jQuery检查单选按钮？

#1楼

#2楼

#3楼

#4楼

#5楼

#6楼

如何使用jQuery检查单选按钮？相关推荐

最新文章

热门文章