同一个页面多个type="radio"按钮怎么绑定同一个事件触发,切换json数据?

5G加ios 发布于 08/08 11:09
阅读 151
收藏 0

同一个页面多个type="radio"按钮怎么绑定同一个事件触发,切换json数据?

加载中
0
前端大师傅
前端大师傅

这个很简单可以建一个json结构用input radio里的value作key,而对应的value则是对应调用不同json的方法。

    var actions = {
       "男性":function(){
       //把选择男性需要执行的json的数据放在这个方法里
       },
      "女性":function(){
       //把选择女性需要执行的json的数据放在这个方法里
       },
      "春哥":function(){
       //把选春哥需要执行的json的数据放在这个方法里
       }

     }; 

 $("[type=radio]").click(function(){
    //在这里调用就可以在点击某radio时选择对应的方法执行
    actions[$(this).val()]();
  });

而且楼主jquery选择器写错了。选择radio应该是属性选择器type=radio而楼主用的是:行为选择器。而且jquery也不支持radio的行为,只支持:checked选择。

0
5G加ios
5G加ios

<html>
<head>
<title>单选框radio绑定click事件</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<script type="text/javascript" src="jquery-1.8.2.min.js"></script>
<script type="text/javascript">
 $(function(){
  $(":radio").click(function(){
   alert("您是..." + $(this).val());
  });
 });
</script>
<style type="text/css">
h5{color:blue;}
textarea{resize:none;}
#word{color:red;}
</style>
</head>
<body>
<h5>单选框 radio 绑定 click 事件</h5>
<form action="" method="">
 <input type="radio" name="gender" value="男性">男性
 <input type="radio" name="gender" value="女性">女性
 <input type="radio" name="gender" value="春哥">春哥
</form>
</body>
</html>

返回顶部
顶部