jquery select input:radio input:checkbox

最新推荐文章于 2021-04-01 05:12:55 发布

xue19850525

最新推荐文章于 2021-04-01 05:12:55 发布

阅读量1.4k

点赞数

分类专栏： jquery学习

本文链接：https://blog.csdn.net/werewr342352321df/article/details/10350267

版权

jquery学习专栏收录该内容

5 篇文章 0 订阅

订阅专栏

//取得下拉选单的选取值

$('#testSelect option:selected').text();

或$("#testSelect").find('option:selected').text();

或$("#testSelect").val();

// 取得input type="radio"值（一类radio的名字必须是相同的）

<input type="radio" name="sex" value="1" /> 男

<input type="radio" name="sex" value="2" /> 女

$('input[name="testradio"]:checked').val();

或$('input:radio:checked').val();

// 取得input type="checkbox"值

<!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="Scripts/jquery-1.7.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            // 全选
            $("#btnCheckAll").bind("click", function () {
                $("[name = chkItem]:checkbox").attr("checked", true);
            });

            // 全不选
            $("#btnCheckNone").bind("click", function () {
                $("[name = chkItem]:checkbox").attr("checked", false);
            });

            // 反选
            $("#btnCheckReverse").bind("click", function () {
                $("[name = chkItem]:checkbox").each(function () {
                    $(this).attr("checked", !$(this).attr("checked"));
                });
            });

            // 提交
            $("#btnSubmit").bind("click", function () {
                var result = new Array();
                $("[name = chkItem]:checkbox").each(function () {
                    if ($(this).is(":checked")) {
                        result.push($(this).attr("value"));
                    }
                });
                 alert(result.join(",")); // join() 方法用于把数组中的所有元素放入一个字符串。
            });
        });
    </script>
</head>
<body>
    <div>
        <input name="chkItem" type="checkbox" value="今日话题" />今日话题
        <input name="chkItem" type="checkbox" value="视觉焦点" />视觉焦点
        <input name="chkItem" type="checkbox" value="财经" />财经
        <input name="chkItem" type="checkbox" value="汽车" />汽车
        <input name="chkItem" type="checkbox" value="科技" />科技
        <input name="chkItem" type="checkbox" value="房产" />房产
        <input name="chkItem" type="checkbox" value="旅游" />旅游
    </div>
    <div>
        <input id="btnCheckAll" type="button" value="全选" />
        <input id="btnCheckNone" type="button" value="全不选" />
        <input id="btnCheckReverse" type="button" value="反选" />
        <input id="btnSubmit" type="button" value="提交" />
    </div>
</body>
</html>

xue19850525

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery select input:radio input:checkbox

//取得下拉选单的选取值$('#testSelect option:selected').text();或$("#testSelect").find('option:selected').text();或$("#testSelect").val();// 取得input type="radio"值（一类radio的名字必须是相同的）男女$('input
复制链接

扫一扫

专栏目录