radio改变事件

Posted 2020-09-18 Anne3

当单选框改变时触发事件

  <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
    }
}