码迷,mamicode.com
首页 > 其他好文 > 详细

radio改变事件

时间:2017-05-18 13:23:07      阅读:123      评论:0      收藏:0      [点我收藏+]

标签:状态   log   提交   cti   需要   cli   var   注意   触发事件   

当单选框改变时触发事件

  <input type="radio" name="isclient" value="1" checked id="customer"><label for="customer">是</label>
  <input type="radio" name="isclient" value="2" id="nocustomer"><label for="nocustomer">否</label>
  var radio=$(‘input[name="isclient"]‘);
  radio.change(function(){
       var  isclient = $(this).val();
        if(isclient==‘1‘){
            alert("111");
        }else{
               alert("222");
} });

 但是需要注意的是,如果外部函数需要通过对单选框的值进行判断来进行相应操作

如:

function check(){
   var val=$(‘input[name="isclient"]‘).val();
   if(val==‘1‘){
       alert("111");
    }else{
       alert("222");
    }
  
})
 $(".btn").click(function(){
        check();
    });

 切换radio值并提交发现val的值并不会改变一直都是为1的状态

  后来发现直接赋值后,在改变时需要更新val的值

  改成了

  var isclient = $(‘input[name="isclient"]‘).val();
    radio.change(function(){
         isclient = $(this).val();
        if(isclient==‘1‘){
           //操作1
        }else{
             //操作2
        }
    });
    $(".btn").click(function(){
        check(isclient);
    });
 function check(isclient){
    if(isclient==‘1‘){
         //操作3
    }else{
           //操作4
    }
}   

  

  

 

 

radio改变事件

标签:状态   log   提交   cti   需要   cli   var   注意   触发事件   

原文地址:http://www.cnblogs.com/Anne3/p/6872640.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!