控制复选框选择个数

最新推荐文章于 2023-06-14 09:08:56 发布
最新推荐文章于 2023-06-14 09:08:56 发布
阅读量849 收藏
点赞数 1
分类专栏： JSP 文章标签： input function html 
<html>
    <head>
        <script>
            var checkValue = "";
            function changeCheck(obj){
                if(obj.checked){
                    //获取选中的总数
                    var length = checkValue.substr(0,checkValue.lastIndexOf(',')).split(',').length;
                    if(length+1>3)
                    {
                        alert('最多只能选择三项');
                        obj.checked='';
                    }
                    checkValue += obj.value+",";
                }
            }    
        </script>
    </head>
    <body>
        <input type="checkbox" name="test1" value="ww1" onclick="changeCheck(this)">ww1 <BR>
        <input type="checkbox" name="test1" value="ww2" onclick="changeCheck(this)">ww2 <BR>
        <input type="checkbox" name="test1" value="ww3" onclick="changeCheck(this)">ww3 <BR>
        <input type="checkbox" name="test1" value="ww4" onclick="changeCheck(this)">ww4 <BR>
        <input type="checkbox" name="test1" value="ww5" onclick="changeCheck(this)">ww5 <BR>
    </body>
</html>
 
风云乍起
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js juqery非常好用的复选框已选中的个数统计 及 js验证码 判断表单是否有选择，没有就不提交
05-17
非常好用的复选框已选中的个数统计 及 js验证码 判断表单是否有选择，没有就不提交。代码非常简洁，个人写网站时候常用的有力帮手，自己可以下载来按需修改，不好用你找我要分。
重新切换：:artist_palette:UI控件作为React Hooks来从外部控制组件状态
02-19
Retoggle是React挂钩的集合，它提供UI切换以从外部操纵组件状态。 就像。 该库的灵感的。 :party_popper: 多种拨动 :light_bulb: 无摩擦集成 :artist_palette: 可主题化的组件 :wrapped_gift: 可扩展编写您的自定义切换。 可用旋钮 :memo: useLog() -跟踪变量值 :A_button_(blood_type):useTextKnob useTextKnob() -显示一个文本框 :keycap_1: useNumberKnob() -显示一个数字框 :check_mark_button: useBooleanKnob() -显示一个复选框 :level_slider: useRangeKnob() -显示一个滑块 :control_knobs: useRangesKnob() -显示多个滑块 :carp_streamer: useSelectKnob() -显示一个选择框 :hammer_and_pick: useObjectKnob() -显示对象编辑器 :artist_palett
bumble-bee-js:一个简约的javascript框架，可轻松使用可组合的Widget和容器组件创建UI
05-18
大WaSPJS ·性感的前端框架· 通过创建健壮的，可组合的小部件和组件来构建和管理用户界面的UI框架。 ·带有可分离的，与环境不可知的基本实用程序库，该库附带大量的方法来帮助减少重复的任务· · 如果您的应用使用了UI组件，例如： 数据小部件 数据表 SpreadSheet / Excel查看器 PDF查看器 树表 分割面板 列表 树视图 属性表 单位清单 导航小部件 菜单 上下文菜单 选项卡式栏 侧边栏 侧面菜单 工具箱（弹出） 字幕小部件弹出窗口和Windows 暗示 工具提示 吐司/气球 导游 窗户 对话 布局小部件 手风琴 轮播 网格布局 滚动视图 树视图 控制项 纽扣 日历 日期选择器 复选框 收音机 柜台 数字滑块 日期范围 组合框 选择框 颜色选择器 带有预览的图像文件选择器 图像裁剪器 输入元素具有一些好处，并根据需要提供用户输入限制。 屏幕键盘 动画（礼节速度）
indd_autocolumn:数字设置表格的所有列宽
05-23
自动列 如何使用 将光标放在表格内，然后启动脚本。 它能做什么 InDesign允许您一次将表格的宽度设置为一列。 更改单个列时，无法选择保持表格的整体宽度相同。 该脚本将打开一个对话框，以一次性控制所有列宽。 用户界面 从上到下： 1，2，3，4 ... 列的编号/索引。 当您打开包含许多列的表的脚本时，将出现一个错误范围的对话框。 27.5、40、27.5 ... 调用脚本之前的列宽。 输入字段 每列的新宽度。 :check_box_with_check:︎自动 脚本的一种想法是不更改表格的整体宽度。 为此，您可以将某些列设置为“自动”。 在将所有非自动值相加后，remainig表的宽度会自动分配到自动值上。 全部自动开/关 设置或取消设置所有自动复选框。 “从样式加载”和“存储...” 设置复选框，以在单击“确定”时将宽度存储在分配给当前表格的表格样式内。 这样，您就可以在另一个具有相同样式的表中检索宽度。 更新2
模块选择案例.rar
12-17
N个模块，每个模块10个色系（只能选一个色系） 最多只能选5个模块，如果要改为6个，或者7个什么的，自己改函数参数！ demo1.html 是标准版（无措版） 注意JS 替换语法问题： = 替换所有出现的字符 等同 asp 中的 replace var idlist = document.getElementById("idlist"); // 影藏字段 模块ID串联 idlist.value=idlist.value.replace(/\|\|/g,"|"); //删除后格式化 ,一定要注意 替换|| 为 | 必须是：\|\| 这样写 （这才是批量替换所有 || ） = 替换第一次出现的 字符, 后面的无法替换 idlist.value=idlist.value.replace("||","|");
让复选框实现单选功能
a327784689的专栏
11-26 5388
在项目中，我们往往做管理页面的查询功能时，遇到这种情况，即：查询条件有两个选择，有和无，如果是有的情况，则需要另外输入一个文本进行模糊查询，如果是无的情况，则将输入框置为无效，只查询无的情况。咋一看，有或无，只能成立一种情况，那么我们可以将两个条件设置成单选框，要么有，要么无。但在实际中，我们查询时，肯定是默认加载所有数据，所以，如果把这个条件做成单选框，那么一旦选中了一个条件，就无法选中另外一个...
泛微oa流程表单之check框至少勾选一个
码农阿益的博客
10-12 3035
<script> jQuery(document).ready(function(){ checkCustomize = function (){ if((jQuery("#field6614").attr("checked")==false)&&(jQuery("#field6615").attr("checked")==false)) { alert("请勾选至少一个复选框！"); return false; }else{ return true;
泛微OA系统利用Check框控制字段显示隐藏
热门推荐
secoler的博客
01-07 1万+
如下代码所示： 之间为在html模板绘制的表格 标红代码为check框的存储位置 c1   黑色部分是需要在天加好check框之后需要我们为check框添加的一个div层，添加这个层的作用就是方便我们在javascript代码中方便拿到check框是否选中的这个状
关于复选框checkbox用作为单选框的方法
qq_16660849的博客
08-12 595
例子： 请选择你爱好: 音乐 登山 游泳 阅读 打球 跑步 请输入您要选择爱好的序号，序号为1-6: // 复选框checkbox用作为单选框 function danxuan(thisid){ var hobby = document.getElementsByName("hobb
泛微E9 Check框全选/反选功能
qq_31614535的博客
05-29 474
有些需求需要在明细表中使用check框 进行勾选,明细是多行的 所以一个一个勾选很浪费时间 用户体验度不佳.所以需要开发一个全选/反选的功能 类似泛微自带的明细表批量删除行的功能.实现思路很简单 使用jq渲染一个check框放在主表 然后点击 然后遍历明细改check框的值。zidong 需要在你的表单上新增一个自定义属性.
限定复选框(CheckBox)选择个数
萤火之森_xiaomi的博客
09-27 4036
设置复选框最大选择个数
泛微协同办公平台E-cology8.0版本后台维护手册--组织权限中心
uuin99的博客
02-21 7891
前 言 一、 关于本手册 本手册是泛微协同管理平台E-cology8.0基础版本的系统维护手册，主要为了指导用户管理员使用本产品而编写。 二、 手册结构 本手册针对管理员管理泛微协同管理平台E-cology进行详尽描述。 以下是关于本手册的基本结构 第一章 组织结构统计首页 第二章 基础设置 第三章 自定义设置 第四章 组织结构 第五章 账户中心 第六章 权限管理 第七章 矩阵管理 三、 针对用...
【泛微 weaver E9 前端梳理】
qq_46202995的博客
12-19 4115
weaver E9 前端梳理
js操作复选框全选
12-19 608
通达OA网络智能办公系统二次开发，js操作复选框全选！
多选框转换为单选框 使CheckBox拥有Radio同样的功能（以Ant Design of Vue为例）
crowningJewel的博客
03-17 5343
前言：开发过程遇到的需求，要求实现单选功能，但是单选框样式却是多选框的样式，故记录一下（仅仅记录思路）。 首先是antd的代码，如下 <a-checkbox-group @change="onChangeOption" v-model="checkBoxObj.checkedList"> <a-checkbox v-for="(item, index) in checkBoxObj.children" :key="index" :value="item.val">
E8-控制一组CheckBox的单选
最新发布
06-14 733
之前分享过两个CheckBox控制只允许选一个的博文。老话说，量变可能产生质变。最近画了个流程里，需要控制多个CheckBox只允许选一个。用上面博文里讲到的方法能解决，但是要写很多冗余代码。于是决定尝试换一种方法来实现。
复选框变成单选框
菜鸟日记
12-23 3641
复选框实现单选
单选框radio和复选框checkbox的样式更改：利用伪元素
m0_37922443的博客
07-09 991
首先要知道的是：单选框radio和复选框checkbox的样式本身是无法更改的，想要自定义样式，必须用到伪元素。 第一步：用span或者i标签来写单选框/复选框。把这个标签放在input的后面，并且用label将两者包裹起来。 <label class="radio">黑名单模式 <input type="radio" name="mode" value="1"> <i></i> </label> <
泛微OA_E9之check框选中计分
而吾所建之小博，非为其他，乃为品文、赏识及交友所用。
09-23 1195
check框选中计分
QT在QTreeWidget中用根节点复选框的选择状态控制子节点复选框状态，请给我完整代码
05-26
以下是一个示例代码，它实现了在QTreeWidget中使用根节点复选框的选择状态来控制子节点复选框状态的功能： ```c++ #include <QApplication> #include <QWidget> #include <QHBoxLayout> #include <QTreeWidget> #include <QTreeWidgetItem> #include <QHeaderView> int main(int argc, char *argv[]) { QApplication app(argc, argv); QWidget *widget = new QWidget(); QHBoxLayout *layout = new QHBoxLayout(widget); QTreeWidget *treeWidget = new QTreeWidget(widget); // 设置列数 treeWidget->setColumnCount(1); // 设置树形控件的头部 QStringList headers; headers << "Items"; treeWidget->setHeaderLabels(headers); treeWidget->header()->setSectionResizeMode(QHeaderView::ResizeToContents); // 创建根节点 QTreeWidgetItem *rootItem = new QTreeWidgetItem(treeWidget); rootItem->setText(0, "Root"); rootItem->setFlags(Qt::ItemIsUserCheckable | Qt::ItemIsEnabled); rootItem->setCheckState(0, Qt::Unchecked); // 创建子节点 for (int i = 0; i < 5; i++) { QTreeWidgetItem *childItem = new QTreeWidgetItem(rootItem); childItem->setText(0, QString("Child %1").arg(i)); childItem->setFlags(Qt::ItemIsUserCheckable | Qt::ItemIsEnabled); childItem->setCheckState(0, Qt::Unchecked); } // 添加根节点到树形控件 treeWidget->addTopLevelItem(rootItem); // 监听根节点复选框的状态变化 QObject::connect(rootItem, &QTreeWidgetItem::stateChanged, [=]() { Qt::CheckState state = rootItem->checkState(0); // 遍历子节点，设置它们的复选框状态 for (int i = 0; i < rootItem->childCount(); i++) { QTreeWidgetItem *childItem = rootItem->child(i); childItem->setCheckState(0, state); } }); layout->addWidget(treeWidget); widget->show(); return app.exec(); } ``` 在这个示例代码中，我们创建了一个包含一个根节点和五个子节点的树形控件。我们为根节点和子节点都设置了可选中状态，并将它们的复选框状态都设置为未选中。 我们监听了根节点的状态变化事件（`stateChanged`），当根节点的复选框状态变化时，我们遍历它的子节点，将它们的复选框状态设置为与根节点相同的状态。 这样，就实现了在QTreeWidget中使用根节点复选框的选择状态来控制子节点复选框状态的功能。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值