Javascript 选择“加载ajax后所有不工作”

我正在使用ajax加载表单字段。选择学校时，将加载年级字段。选择坡率时，将显示“显示名称”复选框。当“全选”框出现时，我必须单击“全选”框两次才能使其工作。直到第二次单击时，复选框才与DOM分离。我真的不确定问题是什么。 这是我所有的代码

showname.html

<input type="checkbox" class="coursereportcheckall" onChange="ThirdCheck();" id="checkall" name="coursereportcheckall">Select All<br>
<input type="checkbox" onChange="FourthCheck(this.selectedIndex);" value="10" class="tid" id="tid" name="tid"> George Washington<br>
<input type="checkbox" onChange="FourthCheck(this.selectedIndex);" value="11" class="tid" id="tid" name="tid"> John Adams<br>

showcourse.html

<input type="checkbox" id="checkallcourse">Select All<br />
<input type="checkbox" name="cid" id="cid" class="cid" value="12"/> Twelve<br />
<input type="checkbox" name="cid" id="cid" class="cid" value="13"/> Thirteen<br />
<input type="checkbox" name="cid" id="cid" class="cid" value="14"/> Fourteen<br />

---

您需要将jQuery移到ThirdCheck函数之外。这应该在jquery加载时设置，而不是在单击复选框时设置

$(document).on('click', '.#checkall', function(event) ...

您的问题是，单击处理程序在您第一次单击时设置，然后在您第二次单击时执行

---

此外，您不需要包括。在“.checkall”前面

你需要调查授权。从jQuery的on处理程序开始-