展会信息港展会大全

jQuery中的val()示例应用实例源码
来源:互联网   发布日期:2016-01-28 12:54:20   浏览:2016次  

导读:这篇文章主要介绍了jQuery中的val()的使用,需要的朋友可以参考下1、实例源码代码如下:!DOCTYPE html PUBLIC - W3C DTD XHTML 1 0 Transitional EN http: www w3 org TR xhtml1 DTD xhtml1-transi ...

这篇文章主要介绍了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)全不选

不弹窗口

赞助本站

人工智能实验室

相关热词: val jQuery

AiLab云推荐
展开

热门栏目HotCates

Copyright © 2010-2024 AiLab Team. 人工智能实验室 版权所有    关于我们 | 联系我们 | 广告服务 | 公司动态 | 免责声明 | 隐私条款 | 工作机会 | 展会港