复选框Checkbox的只读设置

 

对于修改页面，后台传递CheckBox选项值后，想固复选按钮值，不让其改变（即只读状态）。

 

CheckBox只读设置

最初，第一反应是使用readonly属性，但在复选框中，决定复选框值的是checked，而不是文本框等输入框的value值。所以这里使用readonly属性，会没有效果。 
后面又尝试使用disabled属性，发现确实值不能变了。但是问题也来了，就是它也不能传递数据了。因为disabled属性使复选框完全失效了，不能用于页面交互，也不能修改value、checked的值了

 

于是，尝试使用了下面方法：

    <input type="checkbox" name="taskUserId" value="taskUserId" checked="checked" οnclick="return false" />

主要通过设置onclick事件，来控制checked值 ，使其值变化失效，以此实现CheckBox的只读设置。

也可使用下面设置：

<script language="javascript"> 
    $(function(){ 
        $("input[type='checkbox']").click(function(){ 
            this.checked = !this.checked; 
        }); 
    }); 
</script> 

 

 

原文：https://blog.csdn.net/u012995964/article/details/50962265