checkbox的change()方法没有效果/bootstrap-switch渲染后click()、change()方式失效

今天用bootstrap-switch插件渲染了一下checkbox,渲染效果如下:

渲染之后无论我给它添加什么事件(change()、click()...),事件都没有效果。百度了一下发现原来渲染之后不能使用之前的方法,那些方法被插件作者重新包装了一下,现在使用如下:



$('.checkbox_'+ n).on('switchChange.bootstrapSwitch', function (event,state) {  
			//这个state就是选择的状态
			alert(state);
});

然后我们可以根据这个state的状态(true/false),去给checkbox去设置相对应的checked,代码如下: 


if(state == true) {
	     //当前图片设置为轮播图
	      $('.checkbox_'+ n).attr("checked","checked");
	      //去操作数据库
	      //...
} else (state == false) {
	       //取消当前图片为轮播图
	        $('.checkbox_'+ n).removeAttr("checked");
	        //去操作数据库
	        //...
}

这个问题的体现:主要是让我们知道,如果用了别人的插件,在做一些简单的操作无法实现的时候,想一想是否被插件作者给封装了。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值