Question

我有一个带有if语句的表单，如果用户已完成与注册表部分相关的所有表单，则必须禁用该表单的所有字段。

我不能禁用的唯一字段是复选框。这是我用于禁用其他字段的代码：

<?php if ($stato_ut=="REG"){  ?>
not complete
<?php }else{ ?>
<script type="text/javascript">
    $(document).ready(function(){
        $("#dati_utente :input").prop("disabled", true);
        $("#dati_utente :button").hide();
    });
</script>

#dati_utente是表单的ID

复选框输入：

<input <?php if (!(strcmp($row_user_fe['disp_trasferimento_ut'],"S"))) {echo "checked";} ?> name="disp_trasferimento_ut" type="checkbox" id="disp_trasferimento_ut" value="S" data-plugin="switchery" data-color="#1bb99a"/>

所有其他字段均已正确禁用，如何禁用该复选框？

Answer 1

您的代码是正确的，但可以通过id调用它。

$("#disp_trasferimento_ut").prop('disabled',true);
$("#disp_trasferimento_ut2").attr('disabled',true);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="checkbox" id="disp_trasferimento_ut" name="withProp"> With PROP
<input type="checkbox" id="disp_trasferimento_ut2" name="withAttr">With ATTR

Answer 2

您的代码对我有用，但并不完全正确。像这样尝试：

$("#dati_utente input").prop("disabled", true);

演示：

$('button').click(function(){
  $("#dati_utente input").prop("disabled", true);
});

input{transform:scale(2);}
div{margin:10px;}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>

<div id="dati_utente">
  CB: <input id="disp_trasferimento_ut" type="checkbox" />
</div>

<button>Disable Checkbox</button>

禁用复选框

2 个答案:

演示：