zoukankan      html  css  js  c++  java
  • jQuery判断是否被点击并遍历显示被点击的CheckBox

    效果预览

     

     HTML代码

    <div>效果预览</div>
        <input id="CheckBox1" type="checkbox" name="chkbox" value="a" /><label for="CheckBox1">a</label>
        <input id="CheckBox2" type="checkbox" name="chkbox" value="b" /><label for="CheckBox2">b</label>
        <input id="CheckBox3" type="checkbox" name="chkbox" value="c" /><label for="CheckBox3">c</label>
        <p id="msg"></p>

    JavaScript代码

        <script type="text/javascript">
            $(function () {
                //new test().a();
                $("input:[name=chkbox]").click(function () {
                    var arr = new Array();
                    $("input:[name=chkbox]:checked").each(function (key, value) {
                        arr[key] = $(value).val();
                    });
                    $("#msg").text("您选择了:" + arr.length + "项" + arr.join(","));
                });
            });
            function test() {
                this.a = function () {
                    alert("hello");
                };
            };
        </script>
  • 相关阅读:
    《原则》读书笔记
    mvn + testng + allure 生成自动化测试报告
    poj3264RMQ
    poj3928pingpong区间和
    uva11361数位dp
    Poj2795Exploring PyramidsDp
    uva11137Dp
    uva11375Dp
    三道组合题
    poj1379模拟退火
  • 原文地址:https://www.cnblogs.com/taobox/p/2709147.html
Copyright © 2011-2022 走看看