Home JQuery判断下拉和单选是否选中并获取值和索引
Post
Cancel

JQuery判断下拉和单选是否选中并获取值和索引

select

判断option是否被选中

1
2
$("#mySelect").is(":checked"); // false是未被选中,true是被选中
$("#mySelect").attr('checked') == undefined; // false是未被选中,true是被选中

获取select选中的值

1
2
3
$("#mySelect option:selected").val();
$("#mySelect").find('option:selected').val();
$("#mySelect").val();

获取select选中的索引

1
2
$('#mySelect').prop('selectedIndex');
$("#mySelect option:selected").index();

radio

判断radio是否被选中

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<html>
    <head>
        <script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
        <script type="text/javascript">
            $(document).ready(function () {
                $("input").click(function () {
                    if ($(this).prop("checked")) {
                        alert($('input:radio[name="sex"]:checked').val());
                    }
                });
            });
        </script>
    </head>
    <body><input type="radio" name="sex" value="male"/><input type="radio" name="sex" value="female"/>
    </body>
</html>

获取radio选中的值

1
$('input:radio[name="sex"]:checked').val();
This post is licensed under CC BY 4.0 by the author.