jquery选择器【radio checkbox】选择【查找div下的表单具有某种属性的控件：注意是div下】

最新推荐文章于 2018-11-15 15:14:46 发布

无盐海

最新推荐文章于 2018-11-15 15:14:46 发布

阅读量5.1k

点赞数

分类专栏： JQuery 文章标签： jquery radio checkbo

本文链接：https://blog.csdn.net/Fanbin168/article/details/38282251

版权

JQuery 专栏收录该内容

53 篇文章 0 订阅

订阅专栏

txt3<pre name="code" class="html"><html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    
    <script src="script/jquery-1.11.0.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $("#btn1").click(function () {
                //$("input[name='r1']:checked") 获取name属性为r1 且被选中的 input表单 

                alert($("input[name='r1']:checked").val())  //获取选中的值
            })

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

            //或者写成这样也行
            $("input[value='女']").attr("checked", true); //将input标签下 value值为女的标签 的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>

查找div下的表单具有某种属性的控件：注意是div下

<2>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="script/jquery-1.11.0.min.js" type="text/javascript"></script>
    <script type="text/javascript">

        //查找div下的表单具有某种属性的控件 ：注意是div下

        $(function () {
            var v=$("div :checkbox");  //获取div下的 type属性为checkbox的控件
            $.each(v, function () {
                //alert( this.value) //输出： 篮球；足球  或者换成下面的jquery写法
               alert($(this).val()) //输出： 篮球；足球
            })
       })

       $(function () {
           var v = $("#div1 :checkbox");  //获取id为div1 表单下的 type属性为checkbox的控件
           $.each(v, function () {
               //alert( this.value) //输出： 篮球；足球  或者换成下面的jquery写法
               alert($(this).val()) //输出： 篮球；足球
           })
       })


       $(function () {
           var v = $("div :text");  //获取div下的 type属性为text的控件
           $.each(v, function () {
               //alert( this.value) //输出： 请在这输入用户名；请在这里输入密码  或者换成下面的jquery写法
               alert($(this).val()) //输出： 请在这输入用户名；请在这里输入密码
           })
       })


       $(function () {
           var v = $("div :radio");  //获取div下的 type属性为radio的控件
           $.each(v, function () {
               //alert( this.value) //输出： 男；女  或者换成下面的jquery写法
               alert($(this).val()) //输出： 男；女
           })
       })


       $(function () {
           var v = $("div :button");  //获取div下的 type属性为button的控件
           $.each(v, function () {
               //alert( this.value) //输出： ok1；ok2  或者换成下面的jquery写法
               alert($(this).val()) //输出： ok1；ok2
           })
       })

       $(function () {
           var v = $("div :disabled");  //获取div下的 具有disabled属性的控件
           $.each(v, function () {
               //alert( this.value) //输出： ok2  或者换成下面的jquery写法
               alert($(this).val()) //输出： ok2
           })
       })
    </script>
</head>
<body>
<div id="div1">
<input type="checkbox" value="篮球" id="checkbox1" />篮球
<input type="checkbox" value="足球"id="checkbox2" />足球<br />

用户名<input type="text" value="请在这输入用户名" />
密码<input type="text" value="请在这里输入密码" /><br />

<input type="radio" value="男"/>男
<input type="radio" value="女"/>女<br />

<input type="button" value="ok1"  />
<input type="button" value="ok2" disabled="disabled"/><br />
</div>
</body>
</html>

无盐海

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery选择器【radio checkbox】选择【查找div下的表单具有某种属性的控件：注意是div下】

$(function () { $("#btn1").click(function () { alert($("input[name='r1']:checked").val()) //获取选中的值 }) $("#btn2").click(function () {
复制链接

扫一扫