您现在的位置： 万盛学电脑网 >> 程序编程 >> 脚本专题 >> javascript >> 正文
jQuery中的val()示例应用
作者：佚名 责任编辑：admin 更新时间：2022-06-22
这篇文章主要介绍了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）全不选 不弹窗口- 上一个程序编程： js获得参数的getParameter使用示例
- 下一个程序编程： js获取当前地址 JS获取当前URL的示例代码
