Jquery 操作 radio选中值

本文介绍了使用JavaScript操作HTML中的radio按钮的方法,包括获取、设置、删除和遍历操作。详细解释了如何通过jQuery简化这些操作,适用于网页开发中需要交互式选择场景。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.获取radio选中值

1.1  $('input:radio:checked').val();

1.2  $("input[type='radio']:checked").val();

1.3  $("input[name='rd']:checked").val();

 

2. 设置radio选中值

2.1 $('input:radio:first').attr('checked', 'checked'); //设置第一个Radio为选中值

2.2 $('input:radio:last').attr('checked', 'checked');  或者 $('input:radio:last').attr('checked', 'true'); //设置最后一个Radio为选中值  注:attr("checked",'checked')= attr("checked", 'true')= attr("checked", true)

2.3 $('input:radio').eq(索引值).attr('checked', 'true'); //根据索引值设置任意一个radio为选中值

2.4 $("input:radio[value='1']").attr('checked','true'); //根据Value值设置Radio为选中值

2.5 $("input[type=radio][name='region'][value='1']").attr("checked",'checked');//根据Value值和name值 设置Radio为选中值

2.6 $("#form1  input:radio[name='radio1'][value='1']").attr('checked','true'); //根据Value值设置 指定表单中 名称为radio1 的 Radio

 

3 删除radio值

3.1 $("input:radio[value='rd2']").remove();  //删除Value值为rd2的Radio

3.2 $("input:radio").eq(索引值).remove(); //删除第几个Radio

 

4 遍历操作radio 值

$('input:radio').each(function(index,domEle){

     //写入代码

});

 

转载于:https://www.cnblogs.com/xiaonanmu/p/4160030.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值