精华内容
下载资源
问答
  • layui单选框事件

    千次阅读 2019-07-15 10:40:27
    前端样式 <div class="layui-input-block" id="IsPurchased"> <input type="radio" id="s" name="addtest" value="1" title="是" lay-filter="aaa"/> <input type="radio...

    前端样式

    <div class="layui-input-block" id="IsPurchased">
                    <input type="radio" id="s" name="addtest" value="1" title="是" lay-filter="aaa"/>
                    <input type="radio" id="f" name="addtest" value="0" title="否" lay-filter="aaa"/>
                </div>
    

    js

    • 设置默认选中
    $(function () {
        var test=`{$a[test_status]}`;
        if (test==1){
            $('#s').attr('checked','checked');
        } else {
            $('#f').attr('checked','checked');
            $('#answernum').hide();
            $('#borderlines').hide();
        }
    })
    
    • 设置选中事件
    layui.use('form', function () {
        var form = layui.form;
    
        form.on('radio(aaa)', function (data) {
            if ($('#IsPurchased input[name="addtest"]:checked ').val() == "1") {
                $('#answernum').show();
                $('#borderlines').show();
            }
            else {
                $('#answernum').hide();
                $('#borderlines').hide();
            }
            form.render();
        });
    });
    
    展开全文
  • layui单选框事件监听

    千次阅读 2019-11-20 15:15:58
    layui单选框事件监听 <form class="layui-form dianxuan" action=""style="float: left;margin-top: 7px;margin-right: 20px;"> <div class="layui-form-item"> <label class="layui-form-label...

    layui单选框事件监听

    在这里插入图片描述

    <form class="layui-form dianxuan" action=""style="float: left;margin-top: 7px;margin-right: 20px;">
    	  <div class="layui-form-item">
    	       <label class="layui-form-label" style="width:100px"><b>显示型号</b></label>
    	    <div class="layui-input-block"  id="IsPurchased">
    		    <input type="radio" name="sex" value="全部型号" title="全部型号" class="dan" lay-filter="erweima" checked>
    		    <input type="radio" name="sex" value="活跃型号" title="活跃型号" class="dan"  lay-filter="erweima">
    	    </div>
        </div>
    </form>
    
    layui.use('form', function() {
    	var form = layui.form;
    	form.on('checkbox(switchTest)', function(data) {
    		alert("哈哈哈");
    		layer.tips('开关checked:' + (this.checked ? 'true' : 'false'), data.othis);
    	});
    	form.on('radio(erweima)', function(data) {
    		alert(data.value); //判断单选框的选中值
    		//此处判断
    		console.log(data.value)
    		
    		
    		
    	});
    	form.on('submit(formDemo)', function(data) {
    		alert("哈哈哈");
    		return false;
    	});
    	form.render();
    });
    

    在这里插入图片描述

    展开全文
  • 节点form.on(‘radio(jiedian)‘, function (data) {//alert(data.elem);//console.log(data.elem)...//判断单选框的选中值var abc=data.value;if(abc=="左节点"){$("#zjidian").val("1");$("#rjidian").val("");// ...

    节点

    form.on(‘radio(jiedian)‘, function (data) {

    //alert(data.elem);

    //console.log(data.elem);

    alert(data.value);//判断单选框的选中值

    var abc=data.value;

    if(abc=="左节点"){

    $("#zjidian").val("1");

    $("#rjidian").val("");

    // alert($("#zjidian").val());

    }else{

    $("#rjidian").val("1");

    $("#zjidian").val("");

    // alert($("#rjidian").val());

    }

    //console.log(data.value);

    //alert(data.othis);

    //layer.tips(‘开关checked:‘ + (this.checked ? ‘true‘ : ‘false‘), data.othis);

    //layer.alert(‘响应点击事件‘);

    });

    原文:https://www.cnblogs.com/gaofangquan/p/8977782.html

    展开全文
  • 监听layui 单选框选中事件

    千次阅读 2019-07-02 16:08:25
    // 监听单选框选中事件 <input type="radio" name="beshared" value="0" title="开启" lay-filter="beshared" checked> <input type="radio" name="beshared" value="1" title="关闭" lay-filter=...

          // 监听单选框选中事件

      

      <input type="radio" name="beshared" value="0" title="开启" lay-filter="beshared" checked>
      <input type="radio" name="beshared" value="1" title="关闭" lay-filter="beshared">
     form.on('radio(beshared)', function (data) {
            $("input:radio[name=recycle][value=1]").attr("checked", data.value == 1 ? true : false);
            $("input:radio[name=recycle]").attr("disabled", data.value == 1 ? true : false);
            $("input:checkbox[name=primary]").attr("disabled", data.value == 1 ? true : false);
            form.render();
     })

     

    展开全文
  • layui 单选框选中事件

    2018-05-11 18:16:00
    div class="layui-form-item" pane=""> <label class="layui-form-label">节点</label> <div class="layui-input-block"> <input type="radio" name="sex" value="左节点" titl...
  • 当我选中单选框时,会触发事件,当我取消单选框时,也会触发事件 3,代码 <div class="layui-input-block"> <input type="radio" name="cbmodel" value="man" lay-filter="cbmodel" lay-skin="primary" ...
  • Layui单选框单选备注

    2019-08-17 11:02:26
    LayUi单选框单选问题 <div class="layui-inline "> <label class="layui-form-label">启用状态</label> <div class="layui-input-block"> <input type="ra...
  • layui单选框未显示的问题

    万次阅读 2020-02-10 18:06:23
    一开始还没导入idea的时候,单纯点击一个网页是有显示出来的,当我把这个带有单选框的网页放到idea的项目中去的时候,发现单选框没显示出来。 1.首先在确认js.css等东西有导入,和之前的网页也没有什么区别 2.网上...
  • Layui单选框必填限制

    2020-12-31 16:24:24
    layui单选框必选限制: <div class="layui-input-inline" style="width: 300px;"> <input type="radio" name="feesType" lay-verify="otherReq" value="QUERY" title="查询收费"> </div> //...
  • layui 单选框

    2020-06-30 10:57:27
    div class="layui-input-block" style="line-height: 38px;"> <input type="radio" name="productTrain" value="1" v-model="bazaarInfo.productTrain" lay-filter="productTrain" title="无"> <input...
  • layui 单选框回显

    2021-07-19 11:17:52
    div class="layui-form-item timo-finally"> <label class="layui-form-label required">是否:</label> <div class="layui-input-block"> <input name="whetherCooperation" value="1" ...
  • layui单选框选中事件

    千次阅读 2020-03-02 11:11:07
    var form = layui.form; form.on('checkbox(switchTest)', function (data) { alert("哈哈哈"); layer.tips('开关checked:' + (this.checked ? 'true' : 'false'), data.othis); //layer.tips('...
  • layui 单选下拉框select根据后台数据显示下拉框 <div class="layui-form-item"> <label class="layui-form-label">群组类别</label> <div class="layui-input-block"> <select ...
  • layui单选框去掉选中状态

    千次阅读 2020-06-06 16:17:57
    //首先把页面初始化的已选中单选框添加一个自定义属性xxx $(":radio").each(function(){ if($(this).prop("checked")){ $(this).attr("checkdata","checkdata"); } }); //$('#formTest').on('click','.layui-...
  • layui单选框控制下拉列表显示不同的内容 html: <form class="layui-form"> <div class="layui-form-item"> <label class="layui-form-label"><span class="x-red">*</span>...
  • layui 单选框 设置失败

    2020-06-18 11:28:24
    jq 获取、设置属性 html 自带属性请用prop() 自定义属性用 attr() 方法 要改为 prop('checked',true); 方法 例如: $("#dnsdhcp02").attr("checked", "checked"); form.render();.....
  • div class="layui-form-item"> <label class="layui-form-label">是否有附件</label> <div class="layui-input-block"> <input type="radio" name="fujian" lay-filter="fujian" value=...
  • layui单选框渲染不出来

    千次阅读 2019-12-13 00:03:33
    div class="layui-form-item"> <label class="layui-form-label">设备类型</label> <div class="layui-input-block"> <input type="radio" name="sex" value="男" t...
  • layui 单选框取消选中

    千次阅读 2018-09-03 11:26:00
    layui.form.render(); 用自定义属性 data-check来判读是第是否第二次点击 // 再次点击取消选中 $('.t-body input').on('click',function () { var xuanzhong = $(this).attr('data-check'); if(xuanzhong ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,491
精华内容 596
关键字:

layui单选框事件