Remove attribute "checked" of checkbox
I need remove the attribute "checked" of one checkbox when errors occur.
The .removeAttr function not work. Any idea? :/
HTML
<div data-role="controlgroup" data-type="horizontal" data-mini="true" style="margin-left: auto; margin-right: auto; width: 100%; text-align: center;">
<input type="checkbox" id="captureImage" name="add_image" class="custom" />
<label for="captureImage" data-icon="checkbox">Image</label>
<input type="checkbox" id="captureAudio" name="add_audio" class="custom" />
<label for="captureAudio" data-icon="checkbox">Audio</label>
<input type="checkbox" id="captureVideo" name="add_video" class="custom" />
<label for="captureVideo" data-icon="checkbox">Video</label>
</div>
Javascript
$("#captureImage").live("change", function() {
// $("#captureImage").prop('checked', false); // Here Work
if($("#captureImage:checked").val() !== undefined) {
navigator.device.capture.captureImage(function(mediaFiles) {
console.log("works");
}, function(exception) {
$("#captureImage").prop('checked', false); // Not Works Here
_callback.error(exception);
}, {limit: 1});
}
});
/*
$("#captureAudio").live("change", function() {
if($("#captureAudio:checked").val() !== undefined) {
navigator.device.capture.captureAudio(function(mediaFiles) {
console.log("audio");
}, function() {
$("#captureAudio").removeAttr('checked');
_callback.error;
}, {limit: 1});
}
});
$("#captureVideo").live("change", function() {
if($("#captureVideo:checked").val() !== undefined) {
navigator.device.capture.captureVideo(function(mediaFiles) {
console.log("video");
}, function(exception) {
$("#captureVideo").prop('checked', false);
_callback.error(exception);
}, {limit: 1});
}
});
*/
Solution 1:
Try...
$("#captureAudio").prop('checked', false);
Solution 2:
Both of these should work:
$("#captureImage").prop('checked', false);
AND/OR
$("#captureImage").removeAttr('checked');
... you can try both together.