指定radio切换事件

<input type="radio" name="APPLICANT_TYPE" id="APPLICANT_TYPE1" value="1" checked="checked"/> 
<input type="radio" name="APPLICANT_TYPE" id="APPLICANT_TYPE2" value="2"/>
<input type="radio" name="APPLICANT_TYPE" id="APPLICANT_TYPE3" value="3"/>

<script>
$(document).ready(function() {
	$('input[type=radio][name=APPLICANT_TYPE]').change(function() {
		if ($('#APPLICANT_TYPE2').attr('checked')) {
			alert("选择了APPLICANT_TYPE2");
		}else{
			alert("没有选APPLICANT_TYPE2");
		}
	});
});
</script>

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JQuery中的radio切换事件可以通过使用change()方法来监听和响应radio按钮的切换。 JQuery的change()方法可以用于监听各种表单元素的值的变化,并且在值发生变化时执行相应的操作。当我们需要监听radio按钮的切换时,可以使用该方法。 首先,需要选择要监听的radio按钮的DOM元素,可以通过ID、class或其他选择器来获取到该元素。例如,可以使用类选择器来选择所有的radio按钮:$('input[type="radio"]')。 然后,可以使用change()方法来添加一个事件监听器,当radio按钮的选中状态发生变化时,change事件将被触发。在事件处理函数中,可以编写对应的代码来响应radio按钮的切换。 下面是一个示例代码,演示了如何使用JQuery的change()方法来监听radio按钮的切换事件: ``` $('input[type="radio"]').change(function() { // 执行相应的操作 if($(this).is(':checked')) { // 当前radio按钮被选中时的操作 console.log($(this).val()); } }); ``` 在上述示例中,我们选中了所有的radio按钮,并为它们添加了change事件监听器。当任何一个radio按钮的选中状态发生变化时,change事件会被触发,然后在事件处理函数中,我们可以根据需要执行相应的操作。在这个例子中,我们简单地打印了被选中radio按钮的值。 总之,使用JQuery的change()方法可以方便地监听和响应radio按钮的切换事件,通过选择相应的DOM元素,添加change事件监听器,并在事件处理函数中编写需要执行的代码,就可以实现对radio按钮切换事件的响应。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值