禁用復選框

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>