Java复选框怎么取消打钩_jsp实现复选框默认选中，不可取消

在Web开发中，有时候需要显示一些复选框(checkbox)，表明这个地方是可以进行勾选操作的，但是有时候是只想告知用户"这个地方是可以进行勾选操作的"而不想让用户在此处勾选(比如在信息展示页面)，这时候就需要将复选框设置成只读的效果。

提到只读，很容易想到使用readonly属性，但是对于复选框来说，这个属性和期望得到的效果是有差别的。原因在于readonly属性关联的是页面元素的value属性(例如textbox，设置了readonly就不能修改输入框的文本内容)，而复选框的勾选/取消并不改变其value属性，改变的只是一个checked状态。所以对于checkbox来说，设置了readonly，仍然是可以勾选/取消的。效果如下：

option a

option b

option c

option a

option b

option c

和readonly类似的，还有一个disabled属性，这个属性的作用是设置页面元素为不可用，即不可进行任何交互操作(包括不可修改value属性、不可修改checked状态等)。效果如下：

option a

option b

option c

option a

option b

option c

从上面我们可以看到，无论是readonly还是disabled，都没有实现我们期望的效果。既然直接实现不了，那么我们可以变通一下，模拟实现。代码如下：

Java复选框怎么取消打钩_jsp实现复选框默认选中，不可取消相关推荐

datagridview取消默认选中_DataGridView取消默认选中行
最近用Winform的DataGridView遇到不少问题,昨晚就碰到个默认选中行的问题.DataGridView在添加数据后会默认选中第一个单元格或者第一行,我就想取消它的默认选中行.于是就在绑定 ...
jQuery操作复选框checkbox技巧总结 ---- 设置选中、取消选中、获取被选中的值、判断是否选中等
jQuery操作复选框checkbox技巧总结 --- 设置选中.取消选中.获取被选中的值.判断是否选中等一.checked属性定义先了解下input标签的checked属性: 1.HTML &l ...
复选框全部选中/全部取消
今天遇到一个问题记录一下! 问题描述: js拼接页面,存在复选框,要做一个全部选中,全部取消的操作,使用.arrt("checked","checked")取消 ...
php选框判断,网络编程如何判断php复选框是否被选中
复选框checkbox通常用于php表单提交.本文通过实例给大家介绍php如何判断复选框中的值是否被选中.需要它的朋友可以参考本文中的例子. 本文章向大家介绍两个知识点: 1.php表单提交如何获取复 ...
php中得到复选框的数据的代码,表单复选框向PHP传输数据的代码
表单复选框向PHP传输数据的代码表单复选框就是checkbox 1.checkbox的应用复制代码代码如下: 2.由于我传输的是在php循环中产生的数组,因此value也要设成变量: for($ ...
js、jquery操作复选框checkbox总结（单个/多个获取选中值、初始化设置默认选中值、全选反选）
一.单个复选框使用label标签可以点击文字就能选中复选框或者是取消选择复选框 label标签的两种使用方法: https://blog.csdn.net/qq_40015157/article ...
html5复选框样式,11种炫酷CSS3复选框checkbox样式美化效果
这是一款效果非常酷的CSS3复选框checkbox样式美化效果.该复选框美化效果共有11种.默认的复选框的样式十分不好看,该效果将复选框加一美化,带上了一些动画效果,其中一些制作为滑动按钮的样式. 使 ...
html 弹出复选框,js点击文本框弹出可选择的checkbox复选框
本文分享一段代码实例,它能够点击文本框的时候,能够弹出下拉的checkbox复选框,选中复选框就能够将值写入文本框中,可能在实际应用中的效果没有这么直白简单,不过可以作为一个例子演示,以便于学习者理解 ...
layui复选框默认选中
layui复选框默认选中 table.render({elem: '#projectMaterialList', cols: [[ //标题栏{checkbox: true}, {type: 'num ...

Java复选框怎么取消打钩_jsp实现复选框默认选中，不可取消

Java复选框怎么取消打钩_jsp实现复选框默认选中，不可取消相关推荐

最新文章

热门文章