我们专注攀枝花网站设计 攀枝花网站制作 攀枝花网站建设
成都网站建设公司服务热线:400-028-6601

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

Bootstrap如何使用switch开关事件处理

小编给大家分享一下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)     })

以上是“Bootstrap如何使用switch开关事件处理”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!


网页题目:Bootstrap如何使用switch开关事件处理
转载注明:http://mswzjz.cn/article/ihphps.html

免费获取网站建设与品牌策划方案报价

*主要业务范围包括:高端网站建设, 集团网站建设(网站建设网站制作)找网站建设公司就上四川攀枝花网站建设。
提交需求

    联系我们

    028-86922220
  • 手机:13518219792
  • 地址:成都市太升南路288号锦天国际A幢1002号
  • 24小时服务热线:400-028-6601

    网站建设服务

  • 网页设计
  • 网站制作
  • 网站开发

    网站推广服务

  • 营销网站建设
  • 百度快速排名
  • 整站网站推广

    网站运维服务

  • 基础维护
  • 网站改版
  • 网站维护

    FOLLOW US

  • 微信二维码

    微信二维码

Copyright © 2022 四川攀枝花网站建设公司 四川攀枝花网站建设公司-选我们!四川专业的攀枝花网站制作公司!
All Rights Reserved 版权所有 蜀ICP备2024097831号-1