`

设置checkbox为只读(readOnly)

阅读更多

设置checkbox为只读(readOnly)

方式一:

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设置复选框的只读效果不让用户勾选

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

    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-...

    使用HTML开发商业网站-表单控件-input课件.pptx

    表单控件-Input控件 表单控件 ... 表单控件 ...表单控件 大致可分为input控件、textarea控件、select控件三大类。...该控件内容为只读(不能编辑修改) disabled disabled 第一次加载页面时禁用该控件(显示为灰色) chec

    在ASP.NET 2.0中操作数据之十九:给编辑和新增界面增加验证控件

    导言  在前面三节的示例中,GridView和DetailsView控件使用的是绑定列和CheckBoxField(绑定GridView和DetailsView时,通过智能标记...CheckBoxField列也是如此,通常作为只读的checkbox显示,新增/编辑记录时则可以接

    关于jquery form表单序列化的注意事项详解

    如果表单中使用的disabled那么用户是不能选择的,也就是说这个文本框是无法获取到焦点的,而readonly是可以获取到焦点,只是不能修改,为只读 最重要的一点, 在发送表单的时候,表单的控件属性没有name属性该字段...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -使用Hidden来显示隐藏ExtAspNet控件,而不是使用Visible属性(Visible目前设置为只读属性)。 -使用Hidden控制Window控件的显示隐藏,Popup已经标记为Obsolete属性。 -Window的实例方法GetCloseReference等以及...

    C#全能速查宝典

    2.3.6 CheckState属性——设置CheckBox控件的状态 193 2.3.7 ComboBox控件——下拉组合框控件 194 2.3.8 DomainUpDown控件——上下选择控件 195 2.3.9 DropDownStyle属性——指定组合框样式的值 197 2.3.10 ...

    html入门到放弃笔记

    1、创建一个 div 标记 ,增加属性 ,设置 align 属性的值为 center ,设置 id 属性的值为 container,设置 title 属性的值为 这是一个div 这是一个div"&gt; 四大标准属性: 1、id :定义元素在页面中独一无二的...

    ExtAspNet_v2.3.2_dll

    -使用Hidden来显示隐藏ExtAspNet控件,而不是使用Visible属性(Visible目前设置为只读属性)。 -使用Hidden控制Window控件的显示隐藏,Popup已经标记为Obsolete属性。 -Window的实例方法GetCloseReference等以及...

    HTML基础控件介绍_动力节点Java学院整理

     readonly属性:是否只读。 password:密码区域,输入的文本以’*’展示 checkbox:复选框  checked属性:是否选中; radio:单选框;  name属性:指定多个单选框的在一个区域里进行单选操作 reset:重置当前&lt;...

    C++MFC教程

    Visual C++MFC入门教程 目录 +-- 第一章 VC入门 |------ 1.1 如何学好VC |------ 1.2 理解...可选择的风格包括:是否为斜体,是否为粗体,字体名称,是否有下划线等。颜色和背景色不属于字体的属性。关于如何创建...

    asp.net知识库

    遭遇 ASP.NET 2.0 只读 TextBox 回发后信息丢失的 bug asp.net2.0:扩展ImageButton控件定制自己需要的功能 ASP.NET 2.0 正式版中无刷新页面的开发(示例代码的补充) ASP.NET2.0中themes、Skins轻松实现网站换肤! ...

Global site tag (gtag.js) - Google Analytics