您的位置：首页 > Web前端 > JQuery

jquery 怎么获得checkboxList 选中的值

2012-03-02 09:45 459 查看 
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm27.aspx.cs" Inherits="jquerytest.WebForm27" %>

<!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 runat="server">
<title></title>
<script src="jquery-1.4.1-vsdoc.js" type="text/javascript"></script>

</head>
<body>
<form id="form1" runat="server">
<div>
<input type="checkbox" name="newsletter" checked="checked" value="basketball" /> 篮球
<input type="checkbox" name="newsletter" value="football" />  足球
<input type="checkbox" name="newsletter" checked="checked" value="badminton" /> 羽毛球
<input type="checkbox" name="newsletter" value="billiards" /> 台球

<input type="button" value="获取选中的值" onclick="test();" />
</div>
</form>
</body>
</html>

<script type="text/javascript">

function test() {
var check = $("input:checked"); //得到所有被选中的checkbox
var str;              //定义变量
check.each(function(i) {         //循环拼装被选中项的值
str += $(this).val() + ',';
});
alert(str.substr(9));
}

</script>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航