属性选择器

最新推荐文章于 2024-09-11 15:33:18 发布

aibusi2584

最新推荐文章于 2024-09-11 15:33:18 发布

阅读量45

点赞数

文章标签： xhtml javascript ViewUI

原文链接：http://www.cnblogs.com/LoVeSW/p/3425289.html

版权

<!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>
    <title></title>
    <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $("input[value=显示点击项]").click(//value=显示点击项属性
            function () {
                var arr = new Array();
                $("input:checked").each(function (key, value) {
                    arr[key] = $(value).val();
                    $("#text1").text("共选中" + arr.length + "项:" + arr.join(","));
                }); //:checked选中的checkbox
            }
            );
        });
    </script>
</head>
<body>
<input type="checkbox" value="足球" />足球<br />
<input type="checkbox" value="篮球" />篮球<br />
<input type="checkbox" value="乒乓球" />乒乓球<br />
<input type="checkbox" value="排球" />排球<br />
<input type="checkbox" value="气球" />气球<br />
<input type="checkbox" value="橄榄球" />橄榄球<br />
<input type="button" value="显示点击项" />
<p id="text1"></p>
</body>
</html>

转载于:https://www.cnblogs.com/LoVeSW/p/3425289.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

aibusi2584

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
属性选择器

<!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&gt...
复制链接

扫一扫