需要使用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) })



