zoukankan      html  css  js  c++  java
  • radio改变事件

    当单选框改变时触发事件

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

      

      

     

     

  • 相关阅读:
    C++ 算法03算法设计的常用思想
    C++ 算法02算法设计的基础
    C++ 算法01
    字符串Hash入门
    CSP2020总结
    关于树状数组的应用
    Cookies题解
    博客迁移
    斜率优化(转载)
    单调队列优化和决策单调性优化
  • 原文地址:https://www.cnblogs.com/Anne3/p/6872640.html
Copyright © 2011-2022 走看看