萬盛學電腦網 >> 腳本專題 >> javascript >> jQuery中的val()示例應用
jQuery中的val()示例應用
這篇文章主要介紹了jQuery中的val()的使用,需要的朋友可以參考下
1、實例源碼 代碼如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jQuery中的val()</title> <script type="text/javascript" src="jquery-2.1.0.js"></script> <script type="text/javascript"> $(function(){ $("#btn").click(function(){ $("input[name=ckb]:checked").each(function() { alert($(this).val()); }); }); }); </script> </head> <body> <div id="div1"> <table> <tr> <td> <input type="checkbox" id="ckb1" name="ckb" value="籃球"/>籃球 <input type="checkbox" id="ckb2" name="ckb" value="足球"/>足球 <input type="checkbox" id="ckb3" name="ckb" value="排球"/>排球 </td> </tr> <tr> <td> <input type="button" id="btn" value="取值"/> </td> </tr> </table> </div> </body> </html> 2、結果如下 （1）選中所有的 依次彈出“籃球、足球和排球” （2）選中部分 依次彈出相應的值 （3）全不選 不彈窗口javascript排行
程序編程推薦
相關文章
copyright © 萬盛學電腦網 all rights reserved