Jquery中input:type=radio的监听,获取设置值

本文介绍如何使用HTML创建带有默认选中项的Radio按钮,并通过jQuery获取已选中按钮的值及实现点击事件监听。

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

一、html

  

1 <div id='demo'>
2     <input type='radio'  name='sex'  value='' >    
3     <input type='radio'  name='sex'  value='' checked='checked'>
4 </div>

 

二、获取或设置值

  值为女

$('#demo input:radio[name="sex"]:checked').val(); 

  或 

$('#demo input[name="sex"]:checked').val();  

 

三、监听

  

1  $("#demo :radio").on('click', function () {
2        //var item=$('input:radio[name="sex"]:checked').val();
3         //或者
4         var item= $(this).val();
5         console.log(item);
6 })

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值