jqueryセレクタ【radio checkbox】選択【divの下のフォームに何らかの属性を持つコントロールを検索する:divの下で注意する】

5786 ワード

jquery ラジオ checkbo

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>

jQuery 1.2.xリットル1.3.x注意事項

jQuery MiniUI開発チュートリアルフォームコントロールテーブル:列の表示/非表示(6)