首页 > Web开发 > 详细

jquery 【radio checkbox】选择

时间:2014-07-30 01:01:42      阅读:391      评论:0      收藏:0      [点我收藏+]
<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】选择,布布扣,bubuko.com

jquery 【radio checkbox】选择

原文:http://blog.csdn.net/fanbin168/article/details/38282251

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!