Maison > interface Web > js tutoriel > jquery 判断checkbox是否选中

jquery 判断checkbox是否选中

WBOY
Libérer: 2016-06-01 09:54:48
original
1351 Les gens l'ont consulté
第一种方法:
Copier après la connexion
<code class="language-javascript">if ($("#checkbox-id").get(0).checked) { 
​}</code>
Copier après la connexion

第二种方法:
Copier après la connexion
<code class="language-javascript">if($('#checkbox-id').is(':checked')) { 
}</code>
Copier après la connexion

第三种方法:
Copier après la connexion
<code class="language-javascript">if ($('#checkbox-id').attr('checked')) {   
​}</code>
Copier après la connexion

实例:

本实例获取所有checkbox的选中值。

<code class="language-javascript"><input type="checkbox" name="myck" value="php">php
<input type="checkbox" name="myck" value="mysql" checked>mysql
<input type="checkbox" name="myck" value="jquery">jquery
<input type="checkbox" name="myck" value="java">java
<input type="button" id="btn" value="jquery 获取多个checkbox选中项的值">
<script src="/Public/js/jquery-1.7.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $("#btn").click(function(){
        $('input:checkbox').each(function() { 
            if ($(this).get(0).checked) { 
                alert($(this).val()); 
            } 
       }); 
		
    })
})
</script></code>
Copier après la connexion

在线运行

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal