栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > JavaScript

Bootstrap switch 开关事件处理

JavaScript 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

Bootstrap switch 开关事件处理

    需要使用Bootstrap switch,实现通过、拒绝功能并且在开关至拒绝时,显示textarea框输入原因。    1、css引用        2、js引用        3、页面(使用modal打开,若须使用需引用对应的js和css)                                                                                                                                         ×关闭                                                                        月 报 审 批                                    
                                                                                                                                                                            若不通过,请说明原因:                                                                                                                                                                                                                         关闭                                    提交                                                                    4、js页面    $("[name='my-checkbox']").bootstrapSwitch({        onText : "拒绝",        offText : "通过",        onColor : "danger",        offColor : "success",        size : "large",                    //onSwitchChange方法监测switch开关状态        onSwitchChange : function() {                    //.prop方法查看input的checked属性,即使查看其开关状态            var checkedOfAll=$("#my-checkbox").prop("checked");                            //false、true对应input的checked属性,显示和隐藏输入框            if (checkedOfAll==false){                $('#approve_input').hide()            }            else {                $('#approve_input').show()            }        }        });    $('#submit').click(function () {        var checkedOfAll=$("#my-checkbox").prop("checked");        var checkinfo=$('#approve_area').val();        alert(checkedOfAll+checkinfo)    })

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/245719.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号