选中/取消选中复选框时更改变量值

Question

我试图根据复选框的状态更改变量的值这里是我的代码示例

<script type="text/javascript">
if(document.getElementByType('checkbox').checked)
{
var a="checked";}
else{
var a="not checked";}
document.getElementById('result').innerHTML ='result '+a;
</script>
<input type="checkbox" value="1"/>Checkbox<br/>
<br/>
<span id="result"></span>

你能告诉我这个代码的问题吗？

Answer 1

试试这个:

if (document.querySelector('input[type=checkbox]').checked) {

在这里演示

代码建议:

<input type="checkbox" />Checkbox<br/>
<span id="result"></span>
<script type="text/javascript">
window.onload = function () {
    var input = document.querySelector('input[type=checkbox]');

    function check() {
        var a = input.checked ? "checked" : "not checked";
        document.getElementById('result').innerHTML = 'result ' + a;
    }
    input.onchange = check;
    check();
}
</script>

在你的帖子中你有HTML之前的javascript,在这种情况下,HTML应该是第一个,所以javascript可以"找到它".或者像在我的示例中一样使用window.onload函数,在页面加载后运行代码.