我們如何在html中分別為復選框處於選中或未選中狀態的復選框的響應設置“ True”或“ False”字符串？

Question

嗨，我目前正在使用單選按鈕在項目中將True或False作為字符串傳遞。 我想將其更改為一個返回相同值的復選框，即“ True”或“ False”（基於該復選框是選中還是未選中），這樣我就不必在項目的其他任何地方都改變條件。

<input type="radio" id="admin"
        name="access" value="True">Access<br>
        <input type="radio" id="donotaccess"
        name="access" value="False" checked="">Do not access<br></input>  

有什么建議嗎？

添加了單選按鈕的代碼

Answer 1

您可以將復選框的值存儲在變量hasAccess

在以下代碼中hasAccess等於True或False （字符串）

當需要驗證是否選中了復選框時，應使用變量hasAccess

 var hasAccess; function verifyCheckbox(elem) { hasAccess = elem.checked.toString(); hasAccess = hasAccess.charAt(0).toUpperCase() + hasAccess.slice(1); console.log(hasAccess); } 

 <input type="checkbox" id="gquotas-admin-xptable-access" name="xp_table_access" onclick="verifyCheckbox(this)">Access 

注意

您應該考慮使用布爾值而不是True / False字符串

Answer 2

這是一種簡單的方法：

 $('#isSelected').change(function(){ var checkboxValue = $(this).is(':checked'); document.getElementById('returned').innerHTML=checkboxValue; }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input type="checkbox" id="isSelected"/> <div id = "returned"> Value Displayed Here </div> 

這是在jQuery中完成的，如果選中了復選框， is(':checked')返回true，否則返回false。

希望這可以幫助。