Jquery Mobile 1.2 Multiple Checkbox Selection Issue
- by user1819957
I'm coding a Jquery Mobile 1.2, Jquery 1.8.2, css, and HTML 5 based app that I need to allow the user to select multiple images and execute a command.
The following works if I do NOT use the jquery.mobile-1.2.0.min.js library:
CSS Code:
.image-checkbox-container input[type="checkbox"]{
display: none;
}
.image-checkbox-container img{
border: 0;
margin: 4px;
}
HTML:
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';
}
});
As soon as I add in the jquery.mobile-1.2.0.min.js library to the code it does not function correctly anymore. The unchecking/unselecting of the checkboxes does not work.
I attempted to use the checkboxradio("refresh") but did not have any luck.
Any suggestions would be much appreciated.
Thanks
