两种方式实现checkBox readonly功能

    xiaoxiao2024-05-17  107

    今天在做开发的时候遇到了这样一个问题:有一个checkBox选项是不能被改变的。但是checkBox又是没有readonly属性的,这个时候我就想到了另外一个属性disabled,但是disabled的对象是不能提交到后台的,所以这个又被排除掉了。想了想,只能添加事件来搞定了。于是在checkBox中添加了个οnclick="return false',问题解决。所以要想实现checkBox的readonly属性方式如下:

    方式一:

    <input type="checkbox" name="userName" id="" value="姓名" οnclick="return false;" checked />

    方式二:

    <input type="checkbox" name="userName" id="" value="姓名" disabled checked /> 需要注意的是:disabled属性的form data是提交不到后台去的。

    相关资源:敏捷开发V1.0.pptx
    最新回复(0)