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

设置checkbox为只读(readOnly)

 
阅读更多

源:http://hi.baidu.com/zhuyuli521/item/3b4fd00b43088b873c42e209

评:

 

 

方式一:
checkbox没有readOnly属性,如果使用disabled=“disabled”属性的话,会让checkbox变成灰色的,用户很反感这种样式
方式二:

可以这样让它保持只读:
设置它的onclick=‘’return false“
js里就是 checkbox.onclick=function(){return false;};

 

方式三:

<script src="Demo3.1/jquery-1.4.2.min.js" type="text/javascript"></script>
<script language="javascript">
 $(function(){
 $("input[type='checkbox']").click(
  function(){
   this.checked = !this.checked;
   }
  );
}
);
</script>

分享到:
评论

相关推荐

    设置checkbox为只读(readOnly)的两种方式

    方式一: checkbox没有readOnly属性,如果使用disabled=“disabled”属性的话,会让checkbox变成灰色的,用户很反感这种样式可以这样让它保持只读: 设置它的onclick=”return false” js里就是 checkbox.onclick=...

    checkbox设置复选框的只读效果不让用户勾选

    与`readonly`类似,`disabled`属性可以将元素设置为不可用状态,不允许用户进行任何交互,包括更改`value`和`checked`状态。当`disabled`属性被设置时,复选框将呈现灰色,表示不可选,如下所示: ```html ...

    dbgrideh中添加checkbox源码

    同时,我们还需要将其他列设置为只读状态,以避免用户修改数据。 在 dbgrideh 中添加 checkbox 源码实现全选或反选功能需要遵循上述步骤,并根据实际情况进行调整。 在 Delphi 项目中,我们可以使用 ClientDataSet...

    窗体程序,修改指定文件夹的只读属性

    1. 创建一个新的WinForm项目,添加一个TextBox控件让用户输入文件夹路径,一个CheckBox控件表示是否设置为只读,以及一个Button控件来触发操作。 ```csharp public partial class Form1 : Form { public Form1() ...

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

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

    AngularJS基础 ng-readonly 指令简单示例

    设置输入框为只读: &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset=utf-8&gt; [removed][removed] &lt;/head&gt; &lt;body ng-app=&gt; 勾选复选框设置输入框为只读:&lt;input type=checkbox ng-...

    JS控制文本域只读或可写属性的方法

    // 将文本域设置为只读和不可用 aa.readonly = true; aa.disabled = true; bb.readonly = true; bb.disabled = true; } else { // 将文本域恢复为可写和可用状态 aa.readonly = false; aa.disabled = false...

    学习文档__checkbox

    1. **ReadOnly 属性**:当一个`DataGridViewCheckBoxCell` 被标记为只读时,用户无法通过界面改变其状态。如果希望用户能够修改复选框的状态,需要确保 `ReadOnly` 属性被设置为 `false`。 ```csharp dgv_zy....

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

    接下来,让我们看看如何在Vue中设置表单控件为只读。在HTML中,表单控件如input或select元素,可以设置一个readonly属性来使控件不可更改。在Vue中,我们同样可以利用v-bind指令来根据数据属性的值来控制这个...

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

    c) 对于`checkbox`和`radio`,如果想让它们变为只读,虽然没有直接的`readonly`属性,但可以通过绑定点击事件并返回`false`来模拟禁用效果,如在jQuery中使用`bind("click", function() { return false; })`。 总结...

    readonly和disabled属性的区别

    当一个表单字段被设置了`readonly`属性,用户虽然不能编辑其中的文本,但文本仍然是可见的,并且该字段在提交表单时会包含其当前的值。这意味着,如果一个用户尝试修改`readonly`字段,他们的更改将不会被保存,但...

    WinForm 控件及说明

    * ReadOnly:设置 TextBox 控件的只读属性。 * PasswordChar:设置 TextBox 控件的密码字符。 3. RichTextBox 控件: RichTextBox 控件用于编辑和显示富文本信息,常用于文本编辑器、博客编辑器等场景。 * Text:...

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

    - 其他类型的输入框,如`CHECKBOX`、`RADIO`等,直接设置`disabled`属性为`true`。 3. `TEXTAREA`元素:调用`ReadonlyText`函数使其变为只读。 4. `BUTTON`元素:根据`blnHidenButton`的值决定是否隐藏,但不设置`...

    C#与常用的JS(包含常用的c#操作JS)

    - `readOnly`属性可以设置文本框为只读,禁止用户编辑,例如`this.TextBox1.Attributes.Add("readOnly", "true");`。 4. **引入JS文件**: - 前端HTML可以通过`&lt;script&gt;`标签引入外部JavaScript文件,而在C#后端...

    控件的可用与否

    当`readonly`属性设置为`true`时,用户无法在输入框内修改文本,但可以选中和复制。在HTML中,我们创建了一个名为`deptname`的文本输入框,并将其初始设置为灰色背景和只读状态: ```html ;background:gray" ...

    C#控件大全(C#所有的控件)

    * ReadOnly:用来获取或设置文本框是否为只读。 * Enabled:用来获取或设置文本框是否可以对用户交互作出响应。 * Visible:用来获取或设置文本框是否显示。 文本框控件的常用方法包括: * TextChanged:文本框中...

    vf中常用表单属性.pdf

    * ReadOnly:是否为只读,逻辑值:.T.或.F.。 * SetFocus:设置焦点。 * Valid:文本框失去焦点前发生。 * KeyPress:按键时发生。 * InteractiveChange:文本框的值被改变时发生。 3. Button: * Enabled:...

Global site tag (gtag.js) - Google Analytics