美文网首页
layui监听select,监听switch

layui监听select,监听switch

作者: 可乐_加冰_ | 来源:发表于2020-06-06 14:29 被阅读0次

注意:lay-filter=" "这个属性,以及class="layui-form"这个属性

监听select

<span class="layui-form">

<select lay-filter="add_product_gid" class="layui-select" name="add_product_gid" id="add_product_gid">

    <option value="" >-请选择-</option>

    <option value="1"  data-id="123" >1</option>

</select>

<span>

form.on('select(add_product_gid)', function(data){

    var data_val = data.value;//值

    var id = data.elem.attributes['data-id'].nodeValue;//获取其他属性值

});

监听switch

<span class="layui-form">

    {eq name='vo.is_hot' value='0'}

<input type="checkbox" lay-filter="is_hot_status" name="switch" id="is_hot_status" lay-skin="switch" lay-text="是|否" data-id="{$vo.id}" value="{$vo.is_hot}">

    {else}

<input type="checkbox" lay-filter="is_hot_status" name="switch" id="is_hot_status" lay-skin="switch" lay-text="是|否" data-id="{$vo.id}"  checked value="{$vo.is_hot}">

    {/eq}

</span>

form.on('switch(is_discount_status)',function (data) {

    //开关是否开启,true或者false

    var checked = data.elem.checked;

    var id = data.elem.attributes['data-id'].nodeValue;

    //TODO 此时进行ajax的服务器访问,如果返回数据正常,则进行后面代码的调用

    //是否打折,0否,1是

    var is_discount = 0;

    if(checked === true){

        is_discount = 1;

    }

    form.render();

});

相关文章

  • layui监听select,监听switch

    注意:lay-filter=" "这个属性,以及class="layui-form"这个属性 监听select ...

  • 进阶-2

    Select select 可见监听 Channel 上的数据流动; select 结构与 switch 的结构类...

  • golang 基础(26)select

    select是Go中的一个控制结构,类似于switch语句,用于处理异步IO操作。select会监听case语句中...

  • select监听

    html 0 1 2 3 js $(function(){ $("select[name='ti...

  • Go 语言学习笔记-select、锁和条件变量

    select select 的作用:通过 select 可以监听 channel 上的数据流动。 select 的...

  • IO复用

    select nfds指定被监听的文件描述符总数,通常设置为select监听的所有文件描述符+ 1 readfds...

  • 多路io

    一、select 设置select代理,将lfd交给select,监听socket连接,若有连接,则通知serve...

  • layui 表单监听 radio

    1、html 2、js 注意:需要指定 lay-filter

  • UISlider添加监听事件

    1、UISlider添加监听事件 [darkSlider addTarget:selfaction:@select...

  • Go select 学习笔记

    select 语句的行为 select就是用来监听和channel有关的IO操作 上面这段代码中,select 语...

网友评论

      本文标题:layui监听select,监听switch

      本文链接:https://www.haomeiwen.com/subject/cipxtktx.html