Javascript 如何禁止取消选中复选框'；s元素？

是否可以禁止对复选框执行某些操作？例如，我希望始终选中$（“#post id”）和$（“#activation”）复选框，而不取消选中它们

$("#activation").attr("checked", true);
$("#post-id").attr("checked", true);

您可以在这里找到我的示例： 您可以这样使用

      $( '#common' ).on('click', function () {
        $( '.common-inputs [type="checkbox"]:not([disabled])' ).prop('checked', this.checked); 
      });

//checkbox
            $("#activation").attr("checked", true);
      $("#post-id").attr("checked", true);
      $("#activation").attr("disabled", true);
      $("#post-id").attr("disabled", true);

你可以这样用

      $( '#common' ).on('click', function () {
        $( '.common-inputs [type="checkbox"]:not([disabled])' ).prop('checked', this.checked); 
      });

//checkbox
            $("#activation").attr("checked", true);
      $("#post-id").attr("checked", true);
      $("#activation").attr("disabled", true);
      $("#post-id").attr("disabled", true);

---

您只需将

disabled

添加到相关复选框中即可。 然后，它们将具有其默认值，但将不再可编辑

以下是有关的更改：

<input type="checkbox" id="activation" name="check" disabled/>

这将是您更新的JSFIDLE：

---

享受：）

您只需将

禁用的

添加到相关复选框中即可。 然后，它们将具有其默认值，但将不再可编辑

以下是有关的更改：

<input type="checkbox" id="activation" name="check" disabled/>

这将是您更新的JSFIDLE：

---

享受：）

您可以在选中true后使用此代码段

<script>
function HideandDisabled(){
    $("#activation").attr("checked", true);
    document.getElementById("activation").disabled=true;
    $("#post-id").attr("checked", true);
    document.getElementById("post-id").disabled=true;
}
</script>

函数hideAndisabled（）{
$（“#激活”）.attr（“选中”，为真）；
document.getElementById（“激活”）.disabled=true；
$（“#post id”）.attr（“选中”，true）；
document.getElementById（“post id”）.disabled=true；
}

选中true后，可以使用此代码段

<script>
function HideandDisabled(){
    $("#activation").attr("checked", true);
    document.getElementById("activation").disabled=true;
    $("#post-id").attr("checked", true);
    document.getElementById("post-id").disabled=true;
}
</script>

函数hideAndisabled（）{
$（“#激活”）.attr（“选中”，为真）；
document.getElementById（“激活”）.disabled=true；
$（“#post id”）.attr（“选中”，true）；
document.getElementById（“post id”）.disabled=true；
}

为什么不简单地将复选框设置为禁用？这将阻止用户单击它，仍然允许以表单形式提交它的值，但也向用户表明他们无法与它交互。如果您使用一些JavaScript来防止它被取消选中，他们可能会认为它是一个bug，因为UI并没有向他们指出它是不难处理的。编辑：但是，您必须在使用它的地方进行一些验证，因为用户可能只需打开开发工具就可以“取消禁用”它。如果出于某种原因您不想禁用它们，下面是一个工作示例：@gearsdigital Readonly对复选框没有任何影响-您不会更改它们的值，只有他们的“检查”状态。请参见此处：为什么不简单地将复选框设置为禁用？这将阻止用户单击它，仍然允许以表单形式提交它的值，但也向用户表明他们无法与它交互。如果您使用一些JavaScript来防止它被取消选中，他们可能会认为它是一个bug，因为UI并没有向他们指出它是不难处理的。编辑：但是，您必须在使用它的地方进行一些验证，因为用户可能只需打开开发工具就可以“取消禁用”它。如果出于某种原因您不想禁用它们，下面是一个工作示例：@gearsdigital Readonly对复选框没有任何影响-您不会更改它们的值，只有他们的“检查”状态。请参见此处：这将由单击事件中的函数编辑，您的Fiddle中缺少选择器哦，不知道@gearsdigital。但是，可以简单地放置一个带有默认值的隐藏字段，然后传输数据：）@gearsdigital No，readonly对复选框不起任何作用。Readonly可防止用户更改值，但当您选中复选框时，会更改其选中状态-其值保持不变。这将由单击事件中的函数编辑，您的Fiddle中缺少选择器哦，不知道此@gearsdigital。但是，可以简单地放置一个带有默认值的隐藏字段，然后传输数据：）@gearsdigital No，readonly对复选框不起任何作用。Readonly可防止用户更改值，但选中复选框时会更改其选中状态-其值保持不变。