您正在将脚本的输出直接加载到正文中,因此您将使所有以前的正文内容(包括您的复选框)消失。我认为这就是你的经历。
您应该做的是为脚本生成的内容提供一个专用块,并将该块用作加载函数的目标。
HTML:
Load/unload content
Content comes here
的JavaScript:
$('input:checkbox').change(function(){
if ($(this).is(':checked')) {
var target_url = "../cgi-bin/essai.pl?param="+$(this).attr('name');
$('div#target').load(target_url);
}
else {
$("div#target").html('');
}
});
我也从 “../cgi-bin/” 式的相对路径定义避免和使用绝对路径来代替。
编辑例如可好像我没有完全掌握你试图实现。 这是一个编辑版本的相同的JavaScript附加/删除由多个复选框触发的内容块。希望能够解决您的问题: