<div id="div_for_checkbox">
<input type='checkbox' value="male" title="male" onclick="callCheck(this)">
<a onclick="linkDetail('man')" style="cursor:hand">man</a>
</div>
这里有一个checkbox,我想用ajax创建出来,当然,div那一块不用创建。
然后我写的如下:
$.ajax({
url:"php/selectdata.php",
type:"post",
dataType:"json",
success:function(data){
var select = document.getElementById("div_for_checkbox");
for(var name in data.sex){
var option = document.createElement("input");
option.type = "checkbox";
option.value = data.sex[name];
option.title = data.sex[name];
select.appendChild(option);
var a = document.createElement("a");
a.text = data.sex[name];
a.style="cursor:hand";
option.appendChild(a);
}
}
});
哎。。结果基本上没出来。。。
这样的ajax代码应该如何写啊,对了,还有源代码中的onclick="callCheck(this)"这样的行为,我用ajax应该如何处理啊。。
checkbox
Ajax
JavaScript
------解决方案--------------------
php/selectdata.php返回了什么?主要1.4+ jq需要返回标准的json格式的字符串,要不也不会执行success回调,参考:jQuery dataType指定为json的问题
------解决方案--------------------
$.ajax({
url:"php/selectdata.php",
type:"post",
dataType:"json",
success:function(data){
for(var name in data.sex){
$("#div_for_checkbox").append('<input type="checkbox" value="'+data.sex[name]+'" title="'+data.sex[name]+'" onclick="callCheck(this)"><a onclick="linkDetail(\''+data.sex[name]+'\')" style="cursor:hand">'+data.sex[name]+'</a>');
}