我可以在表单中使用什么来代替“只读”复选框？答案

【问题标题】：What can i use instead of 'readonly' for checkbox in my form?我可以在表单中使用什么来代替“只读”复选框？
【发布时间】：2011-12-14 21:19:33
【问题描述】：

我在我的代码中使用了一个复选框，我想在文本框中添加一个 readonly 属性，但我看到 readonly 属性不能添加到复选框。建议的替代方法是将disabled 设置为true。

但是如果我将disabled 属性设置为true。我无法获取复选框值服务器端。我想要一个将复选框设置为只读并且可以在服务器端获取价值的解决方案。

我该怎么做？

这是我的看法：

<input id="AddNewProductCategory" class="" type="checkbox" tabindex="1900" name="addnewproductcategory" value="1" checked="checked">

JavaScript：

$(document).ready(function(){

jq('#AddNewProductCategory').attr('checked',true);

});

在我的服务器中：

$check_box_val = $this->ci->input->post('addnewproductcategory');

我正在使用 CodeIgniter 和 jQuery。

【问题讨论】：

【解决方案1】：

您可以添加一个隐藏字段 -

<input id="AddNewProductCategoryHidden" class="" type="hidden" tabindex="1900" name="addnewproductcategoryhidden" value=""/>

然后设置当复选框被点击时 -

$(document).ready(function(){

jq('#AddNewProductCategory').attr('checked',true);
jq('#AddNewProductCategoryHidden').val('true');

});

【讨论】：

【解决方案2】：

在 HTML 中插入：<input type="hidden" name="addnewproductcategory" value="1" /> 并禁用复选框。

【讨论】：

【解决方案3】：

我会添加一个值为 1 或 0 的 <input type='hidden'> 并禁用复选框

【讨论】：