jQuery判断checkbox,radio是否选中

兄弟文章: http://blog.csdn.net/libin_1/article/details/50734967

方法一:
if ($("#checkbox-id").get(0).checked) {
    // do something
}

方法二:
if($(‘#checkbox-id‘).is(‘:checked‘)) {
    // do something
}

方法三:
if ($(‘#checkbox-id‘).attr(‘checked‘)) {
    // do something
}

<!doctype html>
<html lang="en">

    <head>
        <meta charset="UTF-8" />
        <script type="text/javascript" src="js/jquery-2.2.2.min.js"></script>
        <title>Document</title>
        <script type="text/javascript">
            $(function() {
                $("#button").click(function() {
                    var h = $("input[type=‘checkbox‘]").length;
                    var s = ‘‘;
                    for (var i = 0; i < h; i++) {
                        if ($("input[type=‘checkbox‘]").eq(i).is(‘:checked‘)) {
                            s += $("input[type=‘checkbox‘]").get(i).value;
                        }
                    }
                    alert(s);
                })
            })
        </script>
        <script type="text/javascript">
            $(function() {
                $("#button1").click(function() {
                    var h = $("input[type=‘radio‘]").length;
                    var s = ‘‘;
                    for (var i = 0; i < h; i++) {
                        if ($("input[type=‘radio‘]").eq(i).is(‘:checked‘)) {
                            s += $("input[type=‘radio‘]").eq(i).val();
                        }
                    }
                    alert(s);
                })
            })
        </script>
    </head>

    <body>
        <input type="checkbox" name="box" id="box1" value="跳水" checked="checked" />跳水
        <input type="checkbox" name="box" id="box2" value="跑步" />跑步
        <input type="checkbox" name="box" id="box3" value="听音乐" />听音乐
        <input type="button" name="button" id="button" value="提交" />
   <br />
        <input type="radio" name="box" id="box1" value="跳水" checked="checked" />跳水
        <input type="radio" name="box" id="box2" value="跑步" />跑步
        <input type="radio" name="box" id="box3" value="听音乐" />听音乐
        <input type="button" name="button" id="button1" value="提交" />
    </body>

</html>
时间: 2024-10-08 05:09:56

jQuery判断checkbox,radio是否选中的相关文章

jquery判断单选按钮radio是否选中的方法

JQuery控制radio选中和不选中方法总结 一.设置选中方法 复制代码代码如下: $("input[name='名字']").get(0).checked=true; $("input[name='名字']").attr('checked','true');$("input[name='名字']:eq(0)").attr("checked",'checked'); $("input[name='radio_nam

jQuery 判断checkbox是否被选中 4种方法

下午写JS验证,有一个需求需要判断 checkbox是否被选择,查阅相关资料后,总结以下4种方法,分享给大家. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jQuery 判断checkbox是否被选中 4种方法</title> <script src="jquery-1.8.3.min

Jquery判断checkbox是否被选中

判断checkbox是否被选中方法一:if ($("#checkbox-id")get(0).checked) { // do something}选中:true没选:false $("#formal").get(0).checkedtrue$("#formal").get(0).checkedfalse 方法二:if($('#checkbox-id').is(':checked')) { // do something}选中:true没选:fa

jquery 判断checkbox 是否选中

这是一个蛋疼的节奏,以前写的代码现在失效了. jquery 判断checkbox 是否被选中,刚开始我是这样写的,而且没问题 $("#ziduana").attr("checked")=="checked" 后来竟然失效了, 后来试了 $("ziduana").attr("checked")==true  , $("#ziduana").is(":checked")

jquery checkbox radio 标签 选中的3种方法

张映 发表于 2013-07-16 分类目录: js/jquery jquery 很灵活,checkbox radio标签选中的方法有很多,在这儿就例举三个常用的方法. 一,测试html 查看复制打印? <div style="margin-top:150px;"> <input type='checkbox' name='test[]' class='checkbox' value='checkbox1'>checkbox1 <input type='c

JQuery 判断checkbox是否选中,checkbox全选,获取checkbox选中值

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

jquery的checkbox,radio,select等方法总结

1.checkbox日常jquery操作. 现在我们以下面的html为例进行checkbox的操作. <input id="checkAll" type="checkbox" />全选 <input name="subBox" type="checkbox" />项1 <input name="subBox" type="checkbox" />项2

jquery判断按钮是否被选中了

<script type="text/javascript"> function genjin_view2(elm){ if($(elm).attr("checked")=="checked"){ //jquery判断按钮是否被选中了 alert(888); } } </script>

刷新的时候jquery获取checkbox是否为选中和设置选中

$(document).ready(function(){ $('.uninstall_list_checkbox').click(function(){ if($(this).parent('.uninstall_list').children('input').attr("checked")==true){ //判断是否选中 $(this).parent('.uninstall_list').children('input').attr('checked',false); //设置

JQuery判断checkbox是否选中-批量

在html的checkbox里,选中的话会有属性checked="checked". 如果用一个checkbox被选中,alert这个checkbox的属性"checked"的值alert($"#xxx".attr("checked")),会打印出"true",而不是"checked"! 如果没被选中,打印出的是"undefined".觉得很奇怪是吗?继续看下去- 不