zoukankan      html  css  js  c++  java
  • checkbox实现单选多选

    前台html:
    单选: <input type="checkbox" name="isChk" value="22" />
    全选:<input  id="allChk" type="checkbox" name="allChkBox"  />



    js代码:


    //checkbox 选中
    $(document).ready(function() {
        $(":checkbox[name='isChk']").click(function() {
            if (this.checked) {      //选择
                if ($("input:checked[name='isChk']").length == $(":checkbox[name='isChk']").length) {
                    $('#allChk')[0].checked = true;
                }
            }
            else {
                $('#allChk')[0].checked = false;
            }
        })

        $('#allChk').click(function() {
        var e = $('#allChk')[0].checked;
            $(":checkbox[name='isChk']").each(function() {
                this.checked = e;
            });
        })
    });


    var v = "";
        $("input:checked[name='isChk']").each(function() {
            v += this.value + ",";
        });
        if ($.trim(v) == "") {
            alert("请选择需要购买的商品");
            return;
        }


    作者:PEPE
    出处:http://pepe.cnblogs.com/
    本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。

  • 相关阅读:
    vue动态组件
    服务端渲染和nuxt简单介绍
    nuxt Window 或 Document未定义解决方案
    知乎专栏开放性api
    小程序的一些坑
    搭建微服务器(续)
    调研pwa和sw
    mysql索引原理以及优化
    装饰器
    斐波那契数列和小青蛙跳跳跳问题
  • 原文地址:https://www.cnblogs.com/PEPE/p/2094754.html
Copyright © 2011-2022 走看看