javascript - Comment vérifier si une case à cocher est cochée dans jQuery

Mots clés : javascriptjqueryhtmlcheckboxjavascript

meilleur 5 Réponses javascript - Comment vérifier si une case à cocher est cochée dans jQuery

vote vote

93

if(document.getElementById('isAgeSelected').checked) {     $("#txtAge").show(); } else {     $("#txtAge").hide(); } 
$('#isAgeSelected').click(function() {      $("#txtAge").toggle(this.checked);  });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>  <input type="checkbox" id="isAgeSelected"/>  <div id="txtAge" style="display:none">Age is something</div>
vote vote

82

if($("#isAgeSelected").is(':checked'))     $("#txtAge").show();  // checked else     $("#txtAge").hide();  // unchecked 
vote vote

79

<input type="checkbox" value="1" name="checkMeOut" id="checkMeOut" checked="checked" />  // traditional attr $('#checkMeOut').attr('checked'); // "checked" // new property method $('#checkMeOut').prop('checked'); // true 
if($('#checkMeOut').prop('checked')) {     // something when checked } else {     // something else when not } 
vote vote

60

$('#isAgeSelected').prop('checked') 
$('#isAgeSelected').attr('checked') 
// Assuming an event handler on a checkbox if (this.checked) 
vote vote

51

$("#checkkBoxId").attr("checked") ? alert("Checked") : alert("Unchecked"); 

Questions similaires