Question

不应该这个javascript只显示一个未经检查的复选框，后跟文本＆＃34; MyCheckBox＆＃34;？相反，它只是显示＆＃34;已检查。＆＃34;

<html>
<head>
<script>
    var data = false;
    document.write('<input type="checkbox" ' + data ? "checked" : "" + '>MyCheckBox');
</script>
</head>
<body>


</body>
</html>

Answer 1

以下是更正：

document.write('<input type="checkbox" ' + (data ? "checked" : "") + '>MyCheckBox');

你错过了括号。

另外，不要把它放在<head>里面，就像Teemu说的那样，你不能在那里呈现HTML。

Answer 2

Just Do This。

＆＃13;

var data=false,
a=document.createElement("input");
a.setAttribute("type","checkbox");
a.checked=data;
document.body.append(a);

＆＃13;

Answer 3

即使您可以使用此行获得所需的结果：

document.write("<input type='checkbox' " + (data ? "checked" : "") + ">MyCheckBox");

这不是最好的方式，你正在写一个流，这是一个冒险的业务。以结构化方式处理，您可以这样做：

`var data = false;
var check=document.createElement("input");
check.id="mycheckbox"
check.type="checkbox";
check.checked=data;
document.body.appendChild(check)`

HTML复选框无法使用javascript正确显示

3 个答案: