radio改变事件

当单选框改变时触发事件javascript

  <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");
} });

 可是须要注意的是,若是外部函数须要经过对单选框的值进行判断来进行相应操做html

如:java

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

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

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

  改为了htm

  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
    }
}   
相关文章
相关标签/搜索