jquery 【radio checkbox】选择

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="Jquery/jquery-1.10.2.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $("#btn1").click(function () {
                alert($("input[name='r1']:checked").val())  //获取选中的值
            })

            $("#btn2").click(function () {
                $("input[name='r1']").val(["男"]); //将“女”设为选中的值 :注意"女"是用中括号[]括起来的,因为它只是$("input[name='r1']")获取到的数据是一个数组。
            })

            //或者写成这样也行
            //$("input[value='女']").attr("checked", true);
        })
        //-----------------------------------------------------------------------------------

        $(function () {
            $("#btn3").click(function () { 
                $("input").val(["篮球","乒乓球","女"]) //将input标签中的 val()值为"篮球","乒乓球","女"的表单选中
            })
        })

        //-------------------------------------------------------------------------------------------
        $(function () {
            $("#btn4").click(function () {
                //$("input[name='c1']").val(["篮球", "乒乓球", "女"]) //将input标签中name属性值为c1的,val()值为"篮球",和"乒乓球"的的表单选中

                $("input[name='r1'][value='男']").attr("checked", true);
            })
        })
    </script>
</head>
<body>

<input type="radio" name="r1" value="男"/>男
<input type="radio" name="r1" value="女"/>女
<input type="radio" name="r1" value="保密"/>保密<br/>
<input type="button" value="获取选中的值"id="btn1"/>
<input type="button" value="设置选中的值"id="btn2"/><br/>

<input type="checkbox" name="c1" value="足球" />足球
<input type="checkbox" name="c1" value="篮球" />篮球
<input type="checkbox" name="c1" value="羽毛球" />羽毛球
<input type="checkbox" name="c1" value="乒乓球" />乒乓球<br/>
<input type="button" value="设置input表单选中值"id="btn3"/>
<input type="button" value="设置复选框选中值"id="btn4"/>

</body>
</html>

jquery 【radio checkbox】选择,古老的榕树,5-wow.com

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。