zoukankan      html  css  js  c++  java
  • layui 监听单选框(radio)点击事件

    //html代码
    <div class="layui-form-item">
    <label class="layui-form-label">单选框</label>
    <div class="layui-input-block">
    <input type="radio" lay-filter="sex" name="sex" value="男" title="男" checked="">
    <input type="radio" lay-filter="sex" name="sex" value="女" title="女">
    <input type="radio" lay-filter="sex" name="sex" value="禁" title="禁用" disabled="">
    </div>
    </div>


    //js代码
    layui.use(['form', 'layer', 'jquery' ], function () {
    $ = layui.jquery;
    var layer = layui.layer,
    form = layui.form;
    //监听多选框点击事件  主要是通过 lay-filter="sex"  来监听
    form.on('radio(sex)', function (data) {
      console.log( data );  //打印当前选择的信息
    if( data.elem.checked){      //判断当前多选框是选中还是取消选中
            alert('当前选中');
    }else{
         alert('取消选中') 
       }
      var value = data.value; // 当前选中的value值
    });
    
    
    }
  • 相关阅读:
    2019春第一次实验报告
    2019春第二次实验报告
    第十二周编程总结
    第十一周编程总结
    第十周作业
    C语言II博客作业04
    C语言II博客作业03
    C语言II博客作业02
    C语言II博客作业01
    学期总结
  • 原文地址:https://www.cnblogs.com/hinq/p/13524429.html
Copyright © 2011-2022 走看看