Javascript 选中“文本不更改”复选框_Javascript_Jquery_Html_Checkbox

Javascript 选中“文本不更改”复选框

javascript jquery html checkbox

Javascript 选中“文本不更改”复选框,javascript,jquery,html,checkbox,Javascript,Jquery,Html,Checkbox,下面是我的代码。选中复选框时，文本不会更改。复选框的文本应该更改，但不会更改 <html> <head> <title>OX</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script type="text/javascript"> $('#checkbox1'

下面是我的代码。选中复选框时，文本不会更改。复选框的文本应该更改，但不会更改

<html>
<head>
<title>OX</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script type="text/javascript">
$('#checkbox1').on('change', function () {
        window.alert(5 + 6);
    if ($('#checkbox1').is(':checked')) {
          window.alert(5 + 6);
        $("#description").html("Your Checked 1");

    } else {
        $("#description").html("No check");
    }
});

</script>
</head>
<body>

<input type="checkbox" value="0" id="checkbox1" name=""/> Answer one <br/></input>
<span id="description"> Hi Your Text will come here </span>   
</body>
</html>


公牛
$（'#checkbox1'）。on（'change'，function（）{
窗口警报（5+6）；
如果（$（'#checkbox1'）。是（':checked'））{
窗口警报（5+6）；
$（“#description”）.html（“您选中的1”）；
}否则{
$（“#说明”）.html（“无支票”）；
}
});
回答一个问题

嗨，你的文字会在这里

使用尝试加载

Jquery

和大多数其他

JS框架

在body标记的末尾，并用于绑定

$（文档）中的所有Jquery
代码。就绪

功能

编辑代码：

<html>
<head>
<title>OX</title>
</head>
<body>

<input type="checkbox" value="0" id="checkbox1" name=""/> 
<label for="">Answer one</label> <br/>

<span id="description"> Hi Your Text will come here </span>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $('#checkbox1').on('change', function () {
        window.alert(5 + 6);
        if ($('#checkbox1').is(':checked')) {
              window.alert(5 + 6);
            $("#description").html("Your Checked 1");

        } else {
            $("#description").html("No check");
        }
    });
});

</script>

</body>
</html>


公牛
回答一个问题

嗨，你的文字会在这里
$（文档）.ready（函数（）{
$（'#checkbox1'）。on（'change'，function（）{
窗口警报（5+6）；
如果（$（'#checkbox1'）。是（':checked'））{
窗口警报（5+6）；
$（“#description”）.html（“您选中的1”）；
}否则{
$（“#说明”）.html（“无支票”）；
}
});
});

发生的情况是，您的脚本试图在加载DOM之前进行操作。您如何捕获甚至还没有加载到页面上的复选框。简单的解决方案是使用document.ready处理程序，例如它将允许您这样做

下面我有一个添加了此代码的工作示例。运行它，看一看


公牛
$（文档）.ready（函数（）{
$（'#checkbox1'）。在（'change'，function（）上{
窗口警报（5+6）；
如果（$（'#checkbox1'）。是（':checked'））{
窗口警报（5+6）；
$（“#description”）.html（“您选中的1”）；
}否则{
$（“#说明”）.html（“无支票”）；
}
});
});
答案一


嗨，你的文字会在这里

在元素存在之前运行代码。查看$（document）.ready，以便在dom就绪或。。将JS代码移到HTMLSO下面，是一个，这意味着它不能包含任何子节点。我建议使用元素而不是无效的结束标记。看。