博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
checkbox实现单选多选
阅读量:7001 次
发布时间:2019-06-27

本文共 695 字,大约阅读时间需要 2 分钟。

前台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;
    }

转载地址:http://jkrvl.baihongyu.com/

你可能感兴趣的文章
推荐一款可以多平台上使用的控制台工具
查看>>
搞不清边缘计算几款产品差异?动动小手点这里!
查看>>
Java基础【三】 - 常用类库:java.lang.Enum
查看>>
jsonp跨域实现百度首页联想功能
查看>>
推荐一个php7+ mongodb三方类
查看>>
JDK8安装与环境变量配置
查看>>
Grafana文档(配置)
查看>>
前端异步那些年
查看>>
mac 下使用PHPSTROM连接docker的xdebug
查看>>
JS 里的类型
查看>>
监听浏览器的后退事件
查看>>
opencv python 基于KNN的手写体识别
查看>>
能在编码时做的事,就不要推迟到运行时
查看>>
【Chrome】对ios-safari移动端的H5页面进行调试(ios-webkit-debug-proxy)
查看>>
JavaScript之变量提升
查看>>
简单实现 ES6 Promise
查看>>
配置mail使用SMTP发送邮件
查看>>
个人服务器常用基础配置
查看>>
前端进阶系列-目录
查看>>
<Solidity学习系列二>深入理解Solidity之二---Solidity源代码文件结构
查看>>