Question

任何人都可以告诉我什么是readonly for checkbox的选项，因为我想提交复选框的值，同时想要实现禁用属性的功能但是使用disable不提交值我认为readonly不在复选框中。

请帮帮我。

Answer 1

您可以尝试这样的事情

<form action = "your url here" method = "POST">
   NonEditableValue<input type = "checkbox"/ id = "mycheckbox" value = "ValueIwantChecked">
    <input type = "submit" id = "somebutton" value = "Get CheckBox Value" />
</form>

的Javascript

$("#somebutton").click(function(e){
    var ischecked = $('#mycheckbox').attr('checked')?true:false;
    if(!ischecked){
        e.preventDefault();
        alert("Please select value");
    }
    else{
        $("#mycheckbox").attr("disabled","true");
        alert($("#mycheckbox").val());
    }
});

这将禁用提交时的复选框，javascript的“else”中的提醒会给出复选框的值。这样就会保留该值。

希望这会有所帮助..

Answer 2

尝试这个

<input name="chkbox1" type=checkbox readonly>check box 1</input>

Answer 3

您想要禁用点击只需返回false：

 <input type="checkbox" onclick="return false"/>

这将确保您无法更改复选框的值

在javascript中只读选项，然后禁用复选框属性

3 个答案: