Question

我有一个HTML表单，有几个输入复选框。我需要预先选择其中两个并且不可编辑。我试过＆＃34;检查＆＃34; ＆安培; ＆＃34;禁用＆＃34;在一起，但禁用的输入不包括在表单提交中。这样做还有其他办法吗？我希望选中复选框并且不可编辑，并在表单提交上提交其值。

Answer 1

如果选中并禁用了您想要的外观，则添加一些提交所需数据的隐藏表单字段。

Answer 2

我的问题有一个解决方法。

您可以在隐藏字段中存储已选中的复选框值，并访问表单提交上的隐藏字段。

在HTML方面：

选中并禁用复选框。同时将隐藏字段中选定的复选框值保存为逗号分隔字符串。

在serevr方面：从逗号分隔的字符串中获取值作为字符串数组并在数据库中保存数组的值。

Answer 3

如果您更喜欢使用脚本，请尝试以下方法。你没有在你的问题中提到你是否能够使用它。我希望这至少会对你有所帮助.. :)

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
        <script>
            $(document).ready(function(){
                $('.required-checkbox').each(function(index, value){
                    $(value).change(function(){
                        $(this).prop('checked', true);
                    });
                });
            });
        </script>
    </head>
    <body>
        <input type="checkbox" class="required-checkbox" checked />
        <input type="checkbox" />
        <input type="checkbox" class="required-checkbox" checked />
        <input type="checkbox" />
        <input type="checkbox" />
        <input type="checkbox"  />
    </body>
</html>

Answer 4

您可以在表单提交事件期间删除这些输入上的“已禁用”状态。

$('form').submit(function(e) {
    var disabledInputs = $(this).find(':input:disabled');
    disabledInputs.removeAttr('disabled');
    return true;
 });

Answer 5

我用过这个

<style>
.read_only {
    pointer-events: none;

}
 </style>

并将此类应用于任何输入表单字段甚至复选框，它工作正常，并且复选框未禁用颜色

Answer 6

$(":checked").on('click',function(){   //select those element which you want to make preselect and non editable...
 $(this).attr("checked","checked");
});

您无需禁用它......

选中html复选框并且不可编辑

6 个答案: