layui 单选框选中事件

<div class="layui-form-item" pane="">    <label class="layui-form-label">节点</label>    <div class="layui-input-block">        <input type="radio" name="sex" value="左节点" title="左节点" lay-filter="jiedian" >        <input type="hidden" name="leftjiedian" id="zjidian">        <input type="radio" name="sex" value="右节点" title="右节点" lay-filter="jiedian">        <input  type="hidden" name="rightjiedian" id="rjidian">    </div></div>

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

时间: 2024-11-08 17:54:08

layui 单选框选中事件的相关文章

单选框选中事件

关于修改选中事件,容易被坑的就是单选框是隐藏的.js无法对其进行修改 jQuery 修改单选框   $('input:radio[name="time"]').attr('checked','true')  //checked;  $('input:radio[name="time"]').attr('checked','false')  //false

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=&

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&q

jquery复选框 选中事件 及其判断是否被选中

今天做了 显示和不显示密码的效果 遇到了一个小小的问题 1 $("#showPassword").attr("checked") 居然提示undefied 查了资料后 才发现 需要改为 $("#showPassword").prop("checked") 2 是否被选中事件为 change事件 也可以写为:

jquery实现table隔行变色以及单选框选中

1 <html xmlns="http://www.w3.org/1999/xhtml"> 2 <head runat="server"> 3 <title></title> 4 <style type="text/css"> 5 table 6 { 7 width: 300px; 8 } 9 10 table, th, tr, td 11 { 12 border: 1px solid

jquery复选框 选中事件 及其判断是否被选中_常用笔记

change事件 也可以写为:

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

$(function(){ var sex=$("#sex").val(); var marriageStatus=$("#marriageStatus").val(); var education=$("#education").val(); if(!isnull(sex)){ $("input:radio[name='sex'][value="+sex+"]").attr('checked','true

JS实现单选按钮回显时页面效果出现,但选中单选框的值为空

最近做了很多前端页面的工作,遇到的一个感觉很头疼的问题在这里记一下: 经常用JS回显单选框,但是明明从页面效果上来看,单选框已经被选中了,可是却不能触发单选框的change事件,取值的时候用某种方法取不能取的选中单选框的值(单选框取值有很多种方法,我的意思是有的能够取到,有的方法取不到). 想了很久,整理出一套看起来很复杂却非常实用的JS回显方法.试验了多种前端框架和浏览器,均好使.假设我们需要给name为gender,value为1的单选框进行回显: $("[name='gender'][va

element-ui 单选框点击整个行为选中状态

element-ui 带单选框的表格 效果:不只是带单选框,点击当前行单选框选中状态网上查了一些发现很多都是只能点击当前radio选中当前行,配合element-ui的单选table时发现两个的选择状态是不一致的,所以调整了一下效果 提供下思路: 1.保证不止是点击单选框,点击列表某行也能够选中,通过设置highlight-current-row和@current-change="handleCurrentChange"实现 2.radio为单选框的值,选中后为当前行数,翻页后为保证重