layui 获取 单选框 Value 值

单选框

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

代码片段

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
layui获取单选框的判断,可以通过以下步骤完成: 1. 给单选框添加一个相同的name属性,例如:name="gender"; 2. 使用layui的form模块获取表单元素,例如:var form = layui.form; 3. 使用form模块的on()方法监听表单提交事件,例如:form.on('submit(formDemo)', function(data){ ... }); 4. 在事件处理函数中,通过data.field对象获取表单元素的,例如:var gender = data.field.gender; 5. 对获取到的进行判断,例如:if(gender == '男'){ ... }。 示例代码如下: HTML代码: ``` <form class="layui-form" lay-filter="formDemo"> <div class="layui-form-item"> <label class="layui-form-label">性别</label> <div class="layui-input-block"> <input type="radio" name="gender" value="男" title="男"> <input type="radio" name="gender" value="女" title="女"> </div> </div> <div class="layui-form-item"> <div class="layui-input-block"> <button class="layui-btn" lay-submit lay-filter="submitDemo">提交</button> </div> </div> </form> ``` JavaScript代码: ``` var form = layui.form; //监听表单提交事件 form.on('submit(formDemo)', function(data){ //获取单选框 var gender = data.field.gender; //判断单选框 if(gender == '男'){ //执行操作 ... }else if(gender == '女'){ //执行操作 ... } //阻止表单跳转 return false; }); ``` 注意:在使用layui的form模块进行表单操作时,需要先引入layui.js和layui.css文件,并使用form.render()方法对表单进行渲染。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值