<html>
<head>
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css">
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-switch/3.3.2/css/bootstrap3/bootstrap-switch.min.css" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-switch/3.3.2/js/bootstrap-switch.min.js"></script>
</head>
<body>
<div style="height:20px">
<input type="checkbox" name="smsenable" id="wid_24" />
</div>
<br />
<div style="height:20px">
<input type="checkbox" name="smsenable" id="wid_11" />
</div>
<script type="text/javascript">
$(function(){
$('[name="smsenable"]').bootstrapSwitch({
onText:"OFF",
offText:"ON",
onColor:"success",
offColor:"info",
size:"small",
handleWidth:"20",//设置控件宽度
onSwitchChange:function(event,state){
var Id = event.target.id;//input的id
var orderid = Id.substr(4)
console.log(orderid);
if(state==true){
alert('已打开');
}else{
alert('已关闭');
}
}
})
})
</script>
</body>
</html>
php调用示例:
<td >
<if condition="$order.status eq 1">
<input type="checkbox" name="collenable" id="wid_{$order.id}" checked/>
<else />
<input type="checkbox" name="collenable" id="wid_{$order.id}" />
</if>
</td>