jquery選擇器 【radio checkbox】選擇 【查詢div下的表單具有某種屬性的控制元件 ：注意是div下】
阿新 • • 發佈：2019-02-01
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>