精华内容
下载资源
问答
  • layui 获取 单选框 Value

    千次阅读 2019-08-22 09:37:48
    form.on('radio(onRadioValue)', function(data){ var val = data.value; var _this = data.elem.parentNode; var hiddenId = $(_this)....//获取父级下面的子节点 隐藏域id $("#" +hiddenId).val(val) });

    单选框

    form.on('radio(onRadioValue)', function(data){
       var val = data.value;
        var _this = data.elem.parentNode;
        var hiddenId = $(_this).find("input[type='hidden']")[0].getAttribute("id");//获取父级下面的子节点 隐藏域id
        $("#" +hiddenId).val(val)
    });
    

    代码片段

    展开全文
  • layui 获取下拉框的 var type = $("填写id").find("option:selected").attr("value");// 根据id获取指定的下拉框 var type = $("select option:checked").attr("value");...获取单选框 var optionVal = $...

    个人博客:http://47.104.241.73:8080

     

    layui 获取下拉框的值
    var type = $("填写id").find("option:selected").attr("value");// 根据id获取指定的下拉框
    var type = $("select option:checked").attr("value");


    获取单选框
    var optionVal = $("[id='填写id']:checked").val();
    获取复选框,以逗号拼接
    function getSid(ids) {
    var result = new Array();
    $("[id='" + ids + "']:checkbox").each(function() {
    if ($(this).is(":checked")) {
    result.push($(this).attr("value"));
    }
    });
    return result.join(",");
    };

    获取下拉框文本值
    $(this).find("option:selected").text()

    展开全文
  • " />" />">layui.use('form', function () {var form = ... // 加入这一句//单选框点击事件(括号里边是lay-filter的)form.on('radio(erweima)', function (data) {//alert(data.elem);//console.log(dat...

    " />

    " />

    layui.use('form', function () {

    var form = layui.form;

    form.render(); // 加入这一句

    //单选框点击事件(括号里边是lay-filter的值)

    form.on('radio(erweima)', function (data) {

    //alert(data.elem);

    //console.log(data.elem);

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

    //console.log(data.value);

    //alert(data.othis);

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

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

    if (data.value == 1)

    $('#fapiaohref').show();

    else if (data.value == 0)

    $('#fapiaohref').hide();

    });

    });

    注意:layui使用时表单控件必须放在form表单中

    展开全文
  • //判断单选框的选中   // console.log(data.value);   // alert(data.othis);   // layer.tips('开关checked:' + (this.checked ? 'true' : 'false'), data.othis);   // layer.alert('响应点击事件'); ...

    首先,编写HTML如下:

     

     <form id="form1">
            <table  border="0"> 
                <tr>
                    <td>年龄段:</td>
                    <td>
                        <input type="radio" name="age" value="18" />小于18岁
                        <input type="radio" name="age" value="18-40" checked="checked" />18-40岁
                        <input type="radio" name="age" value="40" />40以上
                    </td>
                </tr>
               <tr>
                    <td>分数:</td>
                    <td>
                        <input type="radio" name="score" value="60" />小于60分
                        <input type="radio" name="score" value="60-80" checked="checked" />60-80分
                        <input type="radio" name="score" value="80" />80分以上
                    </td>
                </tr>
             </table>
         </form>

     

     

     

    方法:

      js:

     

    function readradio() {
      // 方法一            
      var item = null;
      var obj = document.getElementsByName("age")
      for (var i = 0; i < obj.length; i++) { //遍历Radio 
        if (obj[i].checked) {
          item = obj[i].value;                   
        }
      }   alert(item);
      
    // 方法二 jquery版本在1.3之前 (FF和chrome下无效)   item = $('input[name=age][checked]').val();   alert(item);   // jquery 1.3 之后使用   item = $('input[name=age]:checked').val();   alert(item);
      
    // 方法三 jquery 读取多个 版本在1.3之前 (FF和chrome下无效)   $("input[type=radio][checked]").each(function() {     item = $(this).val();     alert(item);   })   // jquery 1.3 之后使用   $("input[type=radio]:checked").each(function() {     item = $(this).val();     alert(item);   })
    }

     

     

     


      layui:
    <link rel="stylesheet" type="text/css" href="<%= this.ResolveUrl("~/ui/layui/layuiadmin/layui/css/layui.css") %>" />
    <link rel="stylesheet" type="text/css" href="<%= this.ResolveUrl("~/ui/layui/layuiadmin/style/admin.css") %>" />
    
    <form class="layui-form" action="" lay-filter="example">
      <table>
        <tr>
          <td style="border: none">
            <input type="radio" name="sj" lay-filter="erweima" value="1" title="年" id="n" checked="checked" /></td>
          <td style="border: none">
            <input type="radio" name="sj" lay-filter="erweima" value="2" title="季度" id="jd" /></td>
          <td style="border: none">
            <input type="radio" name="sj" lay-filter="erweima" value="3" title="月" id="m" /></td>
        </tr>
      </table>
    </form>
    <script type="text/javascript" src="<%= this.ResolveUrl("~/ui/layui/layuiadmin/layui/layui.js") %>"></script>
    
    layui.use('form', function () {
      var form = layui.form;
    
      form.render(); // 加入这一句
    
      //单选框点击事件(括号里边是lay-filter的值)
      form.on('radio(erweima)', function (data) {
        //alert(data.elem);
        //console.log(data.elem);
        //alert(data.value);//判断单选框的选中值
        //console.log(data.value);
        //alert(data.othis);
        //layer.tips('开关checked:' + (this.checked ? 'true' : 'false'), data.othis);
        //layer.alert('响应点击事件');
        if (data.value == 1)
          $('#fapiaohref').show();
        else if (data.value == 0)
          $('#fapiaohref').hide();
       });
    });

     

    注意:layui使用时表单控件必须放在form表单中

    原文:https://blog.csdn.net/widenstage/article/details/68942496

    如有问题,欢迎留言!

    转载于:https://www.cnblogs.com/ZbsCc/p/11457970.html

    展开全文
  • layui 获取radio单选框选中的

    万次阅读 2018-08-29 17:02:24
    layui-form-item"&gt; &lt;label class="layui-form-label" style="width:100px"&gt;是否已购买:&lt;/label&gt; &lt;div class="layui-input-block"...
  • //单选框 <input type="radio" name="radio_bnt_wid" id="radio_bnt_wid_1" > <input type="radio" name="radio_bnt_wid" id="radio_bnt_wid_2" > <input type="radio" name="radio_bnt_wid" id=...
  • $("input[name=sex][value=女]").attr(... layui 获取radio单选框选中的 Layui 获取 radio的,layui判断radio选中的单选 layui form 表单获取radio选中的 首先准备两个radio 单选框 适用于 选择性别按钮网页等
  • layui获取复选中的并回填

    千次阅读 2019-02-19 14:51:47
    layui获取复选中的并回填 layui获取复选中的(获取到多个,以逗号分隔) let zxbm= document.getElementsByName("zxbm"); let check_val = []; for(k in zxbm){ if(zxbm[k].checked) ...
  • <div class=layui-inline> <label class=layui-form-label>性别 <div class=layui-input-block> <input type=radio name=sex id=sex value=1 title=男 > <input type=radio name=sex id=sex value=2 ...
  • layui radio性别单选框赋值

    千次阅读 2019-03-01 17:29:21
    layui radio性别单选框赋值 今天在写代码的时候发现radio性别单选框赋值与普通的输入框的赋值是不一样,下面简单做一下笔记。 &lt;td&gt;性别&lt;/td&gt; &lt;td &gt; &lt;input ...
  • 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框架做项目是发现checked复选绑定获取值有问题 首先尝试了: $("#checkedID").attr(“checked”,true); 这个虽然可以修改获取到checked的,但只能修改一次,取消后要想再获取则不能再选中 后来...
  • 接上一篇“接受数据控制试图” 现在说下,增怎样将被选中的单选按钮,传到后台html:基础设置设备上传位置信息时间间隔设置:围栏半径设置:js:form.on('submit(component)', function(data){var time = $('#...
  • 发现layui传值不管怎么选发送到后端都是固定不变的第一个单选值,后来发现是因为存在label标签导致,因此将label标签换成div标签 <div class="layui-form-item"> <label class="layui-col-xs1 think-form-...
  • layui 如何取得radio单选框选中的

    万次阅读 2018-07-14 17:00:35
    &lt;!doctype html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;增加/编辑系统字段设置&...__STATIC__/layui/css/layui.css&
  • author:咔咔 wechat:fangkangfk 案例: 我们先看一下点击修改电影...下来是单选框的问题 ...单选框这个就更简单了,首先我们给复选框一个固定的,我们只需要用查出来的数据跟这个value的做判断即可 ...
  • Layui中复选框变单选框,单击勾选取消,获取选中行数据终于弄好了,记录下。 终于弄好了,记录下。 才弄这个layui,感觉还行,界面挺好看的,文档也还详细,但是看文档是真心累。屁话不多说,直接上代码 // 禁止...
  • 记录一下这个写法 unitTypeCheckbox = $("input[id='feedback']") (unitTypeCheckbox[i].title == unitType[j]) var unitTypeCheckbox = $("input[id='feedback']"); for (var i = 0;... if (uni...
  • 下拉框使用js选中默认值 下拉框html代码 <form class="layui-form" action=""> <div class="layui-col-md1"> <select id="select1" class="layui-input layui-unselect" ...
  • 接上一篇“接受数据控制试图” 现在说下,增怎样将被选中的单选按钮,传到后台 html: <div class="layui-form-item"> <fieldset class="layui-elem-field layui-field-title" style="margi...
  • 前提是需要知道节点的id或是name等等,但问题来了,有时候我们的id是变化的,这样就不能写死,需要获取本节点的id才能进行下一步操作,这样就必须获取比如说单选框的节点。 比如说,我要写创建调查问卷的表单,用户...
  • HTML页面单选框(使用了layui样式): <div class="layui-form-item"> <label class="layui-form-label">性别</label> <div class="layui-input-block" id="upSex"> <input type=...
  • 引入外部文件 ...script src="layui/layui.js"></script> <link rel="stylesheet" href="layui/css/layui.css"> HTML代码 <form class="layui-form"> <div class="layui-form-it.
  • layui动态表格监听单选框单击事件

    千次阅读 2019-05-10 15:10:26
    layUI的动态表格插件,指定当前列是单选框,那么如何获得单击事件并拿到当前行数据呢? 话不多说,上码! // 框架初始化 $(function(){ layui.use(['table','laydate','layer'], function() { var table = layui....
  • 一个在线demo胜过千言万语: 详见:http://www.shagua.wiki/project/3?p=96
  • 关于使用layui获取表格复选选中的数据的方法

    万次阅读 热门讨论 2018-09-19 18:06:23
    使用layui获取表格复选选中的数据 今天在实现根据表格复选选中的内容进行一系列的操作,一下的内容是基于使用layui模块实现的。首先先简述比较简单的方法,在layui官方文档也是提到的方法。(本人文笔不好,很多...
  • layui 复选 获取多选数据

    千次阅读 2020-01-05 15:28:22
    var checkStatus = table.checkStatus('LAY-app-content-list'); console.log(checkStatus.data)//选中行数据 console.log(checkStatus.data.length)

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 556
精华内容 222
关键字:

layui获取单选框的值