zoukankan      html  css  js  c++  java
  • layui单选框点击选中,再次点击未选中

    <!DOCTYPE html>
    <html>

    <head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" type="text/css" href="../layui/css/layui.css" />
    <script src="../layui/layui.js" type="text/javascript" charset="utf-8"></script>
    </head>

    <body>
    <div class="mold">
    <form class="layui-form" action="">
    <div class="layui-form-item">
    <div style="display: inline-block;margin-left: 0;height: 36px;line-height: 36px;">
    <label>模型编号:</label>
    </div>
    <div class="layui-input-block" style="display: inline-block;margin-left: 20px;">
    <input type="radio" name="yiwei" value="一维水动力" title="一维水动力" checked="">
    </div>
    <div class="layui-input-block" style="display: inline-block;margin-left: 0;">
    <input type="radio" name="check" id="inc0" value="对流扩散" title="对流扩散" data-dianji="0">
    <input type="radio" name="check" id="inc1" value="生化反应" title="生化反应" data-dianji="0">
    </div>
    </div>

    </form>
    </div>
    <script type="text/javascript">
    layui.use(['form', 'jquery'], function () {
    var form = layui.form, $ = layui.$;


    form.on('radio', function (data) {
    var r=data.elem;
    // console.log(data.elem); //原生Dom
    // console.log(data.value); //选中的radio的value
    // console.log(data.othis); //美化后Dom
    if ($(r).attr("data-dianji") == "0") {
    $(r).attr("checked", true);
    $(r).attr("data-dianji", "1");
    } else {
    $(r).attr("data-dianji", "0");
    $(r).attr("checked", false);
    }
    form.render();
    })

    })
    </script>
    </body>

    </html>

  • 相关阅读:
    JS学习专辑(3) DOM
    JS学习专辑(4) 变量作用域和语句
    JS学习专辑(6) 函数
    JS学习专辑(2) BOM
    WPF Adorner学习(1)
    C# 递归
    IEnumerable和IEnumerator
    C# 索引器
    JS学习专辑(5) 对象和数组
    JS学习专辑(1) 入门
  • 原文地址:https://www.cnblogs.com/Ao-min/p/14212541.html
Copyright © 2011-2022 走看看