`
zwt2001267
  • 浏览: 443178 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

checkbox select readonly实现

HTMLreadonlyselectcheckbox 
阅读更多

简单实现 select readonly 属性:

select在某种条件，不再让用户（编辑）进行选择，也就是说想给select 一个 readonly的属性，可惜select没有这个属性，可以通过以下方法来变相实现readonly效果：
1.  截取鼠标消息
给select加上 onmousemove="this.setCapture();" onmouseout="this.releaseCapture();" onfocus="this.blur();"
此方法不支持  IE8
2.  赋值，用户改变值后，让select自动返回初始状态
下面是一个例子：
<html>
<body>
<form method="get" action="">
	<select name="sel" onchange="this.value=3;">
		<option value='1'>1111</option>
		<option value='2'>2222</option>
		<option value='3'>3333</option>
		<option value='4'>4444</option>
	</select>
	<input type="text"/>
	<input type="submit" value="submit"/>
</form>
</body>
</html>
 
checkbox readonly属性:
<input type=checkbox checked onclick=checked=!checked>
<input type=checkbox onclick=checked=!checked>
<input type=checkbox disabled onclick=checked=!checked>
 
分享到：
| Spring MVC—拦截请求
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    设置disabled属性后台读不到数据如何让select支持readonly

    然而，对于`&lt;select&gt;`、`&lt;input type="checkbox"&gt;`和`&lt;input type="radio"&gt;`，`readonly`属性并不起作用，通常需要使用`disabled`属性来达到类似的效果。然而，如前所述，`disabled`会导致数据无法提交，因此需要...

    Readonly和Disabled的区别

    与Readonly不同，Disabled属性可以用于所有的表单元素，包括input、textarea、select、radio、checkbox以及按钮等。当元素被设置为Disabled时，它不仅禁止用户输入或选择，而且元素在表单提交过程中不会将其值发送到...

    表单元素属性readonly和disabled使用对比

    1）适应范围： readonly：input[type="text"],input[type="password"],input[type="teaxtarea"] disabled：所有的表单元素，如select, radio, checkbox, button等 2）操作： readonly：不允许用户修改操作，不影响...

    disabled与readonly的作用及区别介绍

    disabled 和readonly有相同的地方也是可以锁定这个控件用户不能改变他的值，但是disabled的更彻底一些，他是要使你完全不能使用他，包括改变他的背景颜色（不信，你去修改一个被disabled掉的input文本框，你发现你是...

    readonly和disabled属性的区别

    相比之下，`disabled`属性的适用范围更广，它不仅适用于上述的文本输入类型，还可以应用到单选按钮（`&lt;input type="radio"&gt;`）、复选框（`&lt;input type="checkbox"&gt;`）、下拉列表（`&lt;select&gt;`）以及其他类型的表单...

    JS禁用页面上所有控件的实现方法(附demo源码下载).docx

    此外，如果希望在禁用控件的同时保持其视觉状态不变，可以使用`readOnly`属性（只读）或自定义CSS来实现。 需要注意的是，禁用元素并不意味着阻止所有的用户交互，例如通过开发者工具或恶意脚本，用户仍然有可能绕...

    控件的可用与否

    本文主要讨论如何使用JavaScript实现对文本输入框（Text）和下拉选择框（Select）这两种控件的可用与不可用状态的切换。 1. **文本输入框（Text）的控制** 文本输入框`&lt;input type="text"&gt;`的可用性通常通过`...

    批量删除记录时如何实现全选方法总结

    3. **编写JavaScript函数**：编写`selectAll`函数来实现全选逻辑。 ```javascript function selectAll(obj) { var allInput = document.getElementsByTagName("input"); for (var i = 0; i ; i++) { if (all...

    jq表单框架jqtransform的常用事例

    本篇将深入探讨jqTransform的常用功能，包括复选框、单选按钮、表单列表、只读输入框、下拉框以及如何结合layer框架实现弹出框。 1. **复选框与单选按钮** jqTransform提供了一套优雅的复选框和单选按钮样式，它们...

    访问gridview中的各类控件

    通过`GridView`，开发人员可以轻松地实现分页、排序等功能，并且能够灵活地自定义显示方式。本文将详细探讨如何在`GridView`中集成和访问各种控件，例如`DropDownList`、`RadioButton`、`CheckBox`等。 #### 一、...

    Vue隐藏显示、只读实例代码

    在HTML中，表单控件如input或select元素，可以设置一个readonly属性来使控件不可更改。在Vue中，我们同样可以利用v-bind指令来根据数据属性的值来控制这个readonly属性。如果我们要根据数据属性isReadOnly来设置一个...

    我收集的一些js的题目

    在 JavaScript 中，获取表单&lt;select&gt;域的选择部分的文本可以通过使用 selectedIndex 属性和 options 集合来实现。例如： ```html &lt;select name="a" size="1" onchange="_sel(this)"&gt; &lt;option value="a"&gt;1 ...

    MVC4 批量删除数据

    &lt;input type="checkbox" id="selectAll" name="selectAll" style="margin-left:50px;" /&gt; 删除"/&gt; &lt;!-- 其他列 --&gt; @foreach (var item in Model) { &lt;td nowrap="nowrap"&gt;&lt;input type="checkbox" id=...

    WebWork UI标签

    此外，WebWork UI标签还有诸如`select`、`radio`、`submit`等其他标签，它们各自有独特的属性和用法，共同构成了WebWork强大的UI处理能力。通过使用这些标签，开发者能够更高效地构建具有动态特性和验证功能的Web...

    .net开发中批量删除记录时实现全选功能的具体方法

    &lt;asp:CheckBox ID="chk_JS" runat="server" Text="全选(JS)" onclick="selectAll(this)"/&gt; ``` 然后编写JavaScript函数`selectAll()`来切换所有复选框的状态： ```javascript function selectAll(obj) { var all...

    gridview使用大全

    编号" InsertVisible="False" ReadOnly="True" Visible="True" /&gt; ``` ```csharp protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e) { if (e.Row.RowType == DataControlRowType....

Magicbox
Global site tag (gtag.js) - Google Analytics