js是某个单选框选中_js操作radio单选框改变事件点击radio执
⾏相应操作
我们经常看到⼀些点击选择特效：下拉框或者单选框，选择了不同的值，页⾯会进⾏相应的改变，这就是利⽤了change事件。今天总结的是radio单选框改变事件的原理。
要实现这样的效果，就要获取相应点击事件对应的改变。先看下⼀个简单的radio表单结构：
程序猿
程序媛
要实现点击radio不通知出现不同操作，⾸先想到的就是要获取这个radio选项：(⽰例通过jQuery操作，需要先引⼊jQuery⽂件)
$('input[type=radio][name=sex]').change();
上⾯代码不难理解，radio单选也是input的⼀个属性，通过input的类型type=radio确定是radio单选，再根据name=sex属性来确定是哪个radio。
htmlradio添加切换事件$('input[type=radio][name=type]').change(function () {
console.log(this.value)
if(this.value == 1){
//⾃⼰销售
}else if(this.value == 2){
//直销模式
}
})
上述代码通过this.value获取radio点击项的值，判断是点击了哪个选项，通过判断再执⾏对应的逻辑代码，就可以实现内容的隐藏显⽰效果了。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。