Jquery Mobile 1.2多复选框选择问题
Jquery Mobile 1.2多复选框选择问题
提问于 2012-11-13 12:58:04
我正在编写一个基于Jquery Mobile1.2，Jquery 1.8.2，css和HTML5的应用程序，我需要它来允许用户选择多个图像并执行命令。
如果我不使用jquery.mobile-1.2.0.min.js库，下面的代码可以工作：
CSS代码：
.image-checkbox-container input[type="checkbox"]{
display: none;
}
.image-checkbox-container img{
border: 0;
margin: 4px;
}HTML：
<span class="image-checkbox-container">
<input type="checkbox" name="black-box" value="1" />
<img src="dummyimage1.jpg" />
</span>
<span class="image-checkbox-container">
<input type="checkbox" name="red-box" value="1" />
<img src="dummyimage2.jpg" />
</span>
<span class="image-checkbox-container">
<input type="checkbox" name="green-box" value="1" />
<img src="dummyimage3.jpg" />
</span>JQuery：
$('.image-checkbox-container img').live('click', function(){
if(!$(this).prev('input[type="checkbox"]').prop("checked")){
$(this).prev('input[type="checkbox"]').prop("checked", true);
this.style.border = '4px solid #38A';
this.style.margin = '0px';
}else{
$(this).prev('input[type="checkbox"]').prop("checked", false);
this.style.border = '0';
this.style.margin = '4px';
}
});一旦我将jquery.mobile-1.2.0.min.js库添加到代码中，它就不能正常工作了。取消选中/取消选中复选框不起作用。
我尝试使用复选框无线电(“刷新”)，但没有任何运气。
任何建议都将不胜感激。
谢谢
回答 1
Stack Overflow用户
回答已采纳
发布于 2012-11-14 00:09:28
如何使用CSS解决方案？
另外添加此自定义CSS：
.checked {
border : 4px solid #38A!important;
margin : 0px!important;
}并使用以下脚本：
<script>
$('.image-checkbox-container img').live('click', function(){
$this=$(this);
if($this.hasClass('checked')===true){
$this.removeClass('checked');
}else{
$this.addClass('checked');
}
});
</script>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/13355805
复制相关文章
相似问题
腾讯云开发者
