zoukankan      html  css  js  c++  java
  • mui——checkbox复选框状态绑定

    效果展示:

    HTML

    <div class="mui-input-row">
                    <span class="mui-left mui-checkbox radio-box">
                        <label>张元</label>
                        <input name="checkbox" value="Item 1" type="checkbox">
                    </span>
                    <span class="mui-left mui-checkbox radio-box">
                        <label>李梓熙</label>
                        <input name="checkbox" value="Item 1" type="checkbox">
                    </span>
                    <span class="mui-left mui-checkbox radio-box">
                        <label>王晓霞</label>
                        <input name="checkbox" value="Item 1" type="checkbox">
                    </span>
                    <span class="mui-left mui-checkbox radio-box">
                        <label>上官欧</label>
                        <input name="checkbox" value="Item 1" type="checkbox">
                    </span>
                    <span class="mui-left mui-checkbox radio-box">
                        <label>陈玉燕</label>
                        <input name="checkbox" value="Item 1" type="checkbox">
                    </span>
                </div>

    JS

    <script type="text/javascript">
                mui.init();
                mui('.mui-input-row').on('change', 'input', function() {
                    var value = this.checked?"true":"false";
                    if(this.checked){
                        document.getElementById('touPiaoBtn').style.background = '#40C36B';
                    }else{
                        document.getElementById('touPiaoBtn').style.background = '#96E7B1';
                    }
                });
            </script>
  • 相关阅读:
    左滑删除 --- 自定义组件(优化)
    扩展方法
    关于Windows服务中的一点小记录
    MySQL数据库方面
    反射初探
    FireDAC读取数据Delphi
    Delphi学习之 FireDAC
    向ComboBox列表框中添加Enum的全部数据
    怎样在VC中生成一个DLL
    AutoCAD 开发备注
  • 原文地址:https://www.cnblogs.com/cqiong/p/13651321.html
Copyright © 2011-2022 走看看