標籤：for doctype http cti java ima 匿名 複選框 取值
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <script src="jquery-1.11.2.min.js"></script><!--引入jquery-1.11.2.min.js要在最上面--> 7 </head> 8 <body> 9 <!--給按鈕加個點擊事件-->10 <input type="button" value="測試" onclick="test()" />11 12 </body> 13 <script type="text/javascript">14 <!--JS方式加事件-->15 function test()16 {17 alert("aa");18 }19 20 </script>21 </html>22 點測試結果如下
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <script src="jquery-1.11.2.min.js"></script><!--引入jquery-1.11.2.min.js要在最上面--> 7 </head> 8 <body> 9 <!--給按鈕加個點擊事件-->10 <input type="button" value="測試" onclick="test()" />11 <!--給下面的按鈕加事件用jquery-->12 <input type="button" value="測試2" id="btn" />13 </body> 14 <script type="text/javascript">15 function test()16 {17 alert("aa");18 }19 20 // 只有觸發的時候執行21 $(document).ready(function(e) {22 //先找元素用$(測試2id)-用click給前面的按鈕加點擊事件-執行(function(){}匿名函數因為沒有名字23 $("#btn").click(function(){24 alert("第二個按鈕");//點擊之後要執行的函數。匿名函數25 })26 27 28 29 });30 31 </script>32 </html>
Jquery把複選框所選中的值取出來
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="jquery-1.11.2.min.js"></script> </head> <body> <input type="checkbox" class="ck" value="張店" />張店 <input type="checkbox" class="ck" value="淄川" />淄川 <input type="checkbox" class="ck" value="周村" />周村 <input type="checkbox" class="ck" value="臨淄" />臨淄 <input type="checkbox" class="ck" value="博山" />博山 <input type="button" value="取值" id="quck" /> <input type="button" value="賦值" id="fuck" /> </body> <script type="text/javascript"> //複選框所選中的值取出來 $("#quck").click(function(){ var ck = $(".ck"); for(var i=0;i<ck.length;i++) { //第2種寫法用JS方式判斷是不是選中 ck[i].checked if(ck.eq(i).prop("checked")) { alert(ck.eq(i).val()); } } }) </script></html>
給周村賦值
$("#fuck").click(function(){ var zhi = "周村"; var ck = $(".ck"); for(var i=0;i<ck.length;i++) { if(ck.eq(i).val()==zhi) { ck.eq(i).prop("checked",true); } } })
第二種方法拼接 給周村賦值
jquery常用語句
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
