jQuery中的val()

来源：互联网发布：打新基金知乎编辑：程序博客网时间：2024/05/18 23:28

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）全不选

不弹窗口

1 0