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
    }
}   
相關文章
相關標籤/搜索