Question

我有以下复选框：

<input type="checkbox" id="blacklist" value="<c:out value="${param.blacklist}" />" name="blacklist" style="width: 300px; padding-left: 5px"/>

param.blacklist是一个布尔值，如果没有选择checbox，它应该返回false，如果选中了复选框，则返回true。

由于我对html / javascript不太好，有人可以给我一个提示，请问？

Answer 1

您似乎试图通过将其value属性设置为true / false来设置html复选框的选中状态。这不是html复选框的工作方式。选中的复选框如下所示：

<input type="checkbox" id="blacklist" checked>

取消选中相同的复选框

<input type="checkbox" id="blacklist">

唯一的区别是checked属性。现在，不知道你正在使用的服务器语言，我只能在JSP做出疯狂的猜测：

<input type="checkbox" id="blacklist" <c:if test="${param.blacklist}">checked</c:if> >

Answer 2

你走了：

function validate() {
  var isChecked = false;
  if (document.getElementById('blacklist').checked) {
    isChecked = true;
    console.log(isChecked);
  } else {
    isChecked = false;
    console.log(isChecked);
  }
}

<input type="checkbox" id="blacklist" onclick="validate()"/>My Checkbox

Answer 3

可以检查是否使用.checked属性选中了复选框。一个例子如下所示：

我从重复的问题here得到了这个答案引用：

将var lfckv放在函数中。执行该行时尚未解析主体，并且元素“lifecheck”不存在。这完全没问题：

<html>
    <head>
        <script language="javascript" type="text/javascript">
            function exefunction(){
                var lfckv = document.getElementById("lifecheck").checked;
                alert(lfckv);
            }
        </script>
    </head>
    <body>
        <label><input id="lifecheck" type="checkbox" >Lives</label>
        <button onclick="exefunction()">Check value</button>
    </body>
</html>

复选框布尔值

3 个答案: