layui 获取radio单选框选中的值

Layui 获取 radio的值,layui判断radio选中的单选值

layui form 表单获取radio选中的值

首先准备两个radio

<input type="radio" name="sex" value="男" title="男" lay-filter="ChoiceRadio">
<input type="radio" name="sex" value="女" title="女" checked lay-filter="ChoiceRadio">

一、jq获取

通过 radio 的 name,id,class 选择器,这里仅举例 name。

$('input[name="sex"]:checked').val();

二、监听radio单选

radio单选框被点击时触发,回调函数返回一个object参数,携带两个成员:

form.on('radio(filter)', function(data){
  console.log(data.elem); //得到radio原始DOM对象
  console.log(data.value); //被点击的radio的value值
});  

用这种方式要注意html的radio元素要设置?lay-filter?属性,并且与监听radio单选的?filter?保持一致,否则无法取到正确的值。

layui判断radio选中的单选值

模板引擎 - layui.laytpl

<script id="tpl" type="text/html">
<input type="radio" name="sex" value="男" title="男" {{ d.sex == 0 ? 'checked' : '' }} lay-filter="ChoiceRadio">
<input type="radio" name="sex" value="女" title="女" {{ d.sex == 0 ? 'checked' : '' }} lay-filter="ChoiceRadio">
</script>

原文地址:https://www.cnblogs.com/sirdong/p/11757218.html

时间: 2024-10-05 10:09:11

layui 获取radio单选框选中的值的相关文章

JavaScript、jQuery获取radio、checkbox选中的值

1 <div > 2 性别:<input type="radio" id="Radio1" name="rdoSex" value="男"/>男 3 <input type="radio" id="Radio2" name="rdoSex" value="女"/>女 4 <input type="

在JS中获取复选框选中的值

var months=""; var month=doncument.getElementsByName("month"); for(var i=0,i<month.length,i++){ if(month[i].checked==true){ if(i<(month.length-1)){ var months+=month[i].value+'i'; }else{ var months+=month[i].value; } } }

Jquery和angularjs获取check框选中的值小技巧

在我们平常的开发中,有时候会需要获取一下check框选中的值,以及check框选中行的所有信息.这个时候有一个小技巧那就是我们可以把要获取的信息全部放到check框的值里面,这样我们可以获取check框选中值的时候也就相当于获取了当前行的信息. <td><input class="states" type="checkbox" name="orders" value="{{e.merchantId}},{{e.orde

JS中获取页面单选框radio和复选框checkbox中当前选中的值

单选框:单选框的name值全部相同 页面有一组单选框的元素<td><input type="radio name="radioid">满意</td>  <td><input type="radio" name="radioid">基本满意</td> var radio=document.getElementsByName("radio"); va

js获取单选框里面的值

rt,如果想获取单选框里面的值,该如何获取呢. <script> window.onload = function(){ //通过名字获取 getElementsByName //var obj = document.getElementsByName("fruit"); //通过标签获取 getElementsByTagName var obj = document.getElementsByTagName("input"); for(var i=0;

jquery 根据后台传过来的值动态设置下拉框、单选框选中

jquery  根据后台传过来的值动态设置下拉框.单选框选中 1 $(function(){ 2 var sex=$("#sex").val(); 3 var marriageStatus=$("#marriageStatus").val(); 4 var education=$("#education").val(); 5 if(!isnull(sex)){ 6 //$("input:radio[name='sex'][value=&

jquery获取单选button选中的值

在页面上单选button的代码: <s:iterator value="@[email protected]"> <input type="radio" <s:if test="key eq record.is_com">checked</s:if> value="${key}" name="record.is_com"/>${value}    </s

checbox复选框实现radio单选框的单选功能

checbox复选框实现radio单选框的单选功能:大家知道复选框可以一次选中多个,单选按钮每次只能够选中其中的一个,但是单选按钮比较霸道,你选中以后,只能够且必须选中其中一个,所有下面就通过checkbox复选框模拟实现单选按钮的功能,但是能够取消选中的项.代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author"

js,jquery获取下拉框选中的option

js获取select选中的值: var sel=document.getElementById("select1"); var index = sel.selectedIndex; // 选中索引 albumid= sel.options[index].value;//要的值 jQuery获取下拉框选中的option: $("#s option:selected").val();