jquery 怎么获得checkboxList 选中的值

最新推荐文章于 2021-12-16 11:18:43 发布

广交天下好友

最新推荐文章于 2021-12-16 11:18:43 发布

阅读量4.8k

点赞数

分类专栏： Jquery 文章标签： jquery input webform function xhtml server

本文链接：https://blog.csdn.net/suntanyong88/article/details/7311292

版权

Jquery 专栏收录该内容

22 篇文章 0 订阅

订阅专栏

<%@ 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="获取选中的值" οnclick="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>