当前位置:编程学习 > JS >>

jquery 获取radio属性值方法

核心代码

$('div.child :radio:checked',$(this).parents('div')).val()

有专门的选择器:first可以选中第一个,也可以通过$().eq(1)选中第一个。
jquery功能强大,而且选择同一元素可以使用若干种选择方式。。

对于radio的选中,虽然不直接支持,但是也有两个方式。
$(radio).attr("selected",true);
或$(radio).click(function(){});


下面看实例

<div>
        <input id="radio1" type="radio" name="rad" value="1" checked />1
        <input id="radio2" type="radio" name="rad" value="2" />2
        <input id="radio3" type="radio" name="rad" value="3" />3
        <input id="radio4" type="radio" name="rad" value="4" />4
        <input id="radio5" type="radio" name="rad" value="5" />5
        <input id="button1" type="button" value="button" onclick="return button1_onclick()" />
        <input id="button2" type="button" value="button" onclick="return button2_onclick()" />
    </div>

 

 <script language="网页特效" type="text/javascript">
// <![cdata[

        function button1_onclick() {
            $("input").each(function () {
                if (this.type == 'radio') {
                    alert($(this).val());
                }
            });
        }

        function button2_onclick() {
            //alert($("input[@type=radio]:checked").val());
            //alert($("input[name='rad']:checked").val());
            alert($("input[@type=radio]").val());
        }

// ]]>
    </script>


代码二

 

<script type="text/javascript" src="jquery.js">
    </script>
     <script type="text/javascript">
         $(function(){
             $('#form1').submit(function(){
                 var item = $('input[@name=items][@checked]').val();
                 alert(item);
                 return false;
             });
         });
     </script>
     <title>get radio value document</title>
</head>
<body>
     <form id="form1">
         <input type="radio" name="items" id="item1" value="a"/>a
         <br/>
         <input type="radio" name="items" id="item2" value="b"/>b
         <br/>
         <input type="radio" name="items" id="item3" value="c"/>c
         <br/>
         <input type="radio" name="items" id="item4" value="d"/>d
         <br/>
         <input type="radio" name="items" id="item5" value="e"/>e
         <br/>
         <input type="radio" name="items" id="item6" value="f"/>f
         <br/>
         <input type="radio" name="items" id="item7" value="g"/>g
         <br/>
         <input type="radio" name="items" id="item8" value="h"/>h
         <br/>
         <input type="submit" id="btn1">
     </form>
</body>
</html>

$("div.child").closest("div")

如果你无法判断怎么选择的话,加个id就行了,你应该知道就是优先的方式,因为id是查询最快的方式,而通过.class选择是最慢的方式

补充:网页制作,jquery 
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,