如何使用jQuery动态生成DIV控件并显示相应的内容
如何使用jQuery动态生成DIV控件并显示相应的内容，左边的本本框和右边的checkbox是动态生成的，每次点击checkbox控件左边对应的文本框就会显示具体的内容？？？？
樱舞▂熊猫
12 years, 8 months ago
Answers
可以这样，你在动态生成的时候右侧的checkbox列表可以把checkbox和要显示的内容都生成了然后把对应的文本内容先隐藏了(当然，前提是这个文本不会特别大)，然后再点击的时候直接显示对应的文本就行了。显示的例子可以这样，我给你写了个例子：
$(function(){
$('input[type=checkbox]').live('click', function(){
$('li span').hide();
console.log($(this).attr("checked"));
if($(this).attr("checked") == 'checked'){
var par = $(this).parent();
$('span', par).show();
}
});
});
</script>
HTML文本：
<ul>
<li><input name="test[]" type="checkbox" />测试1<span style="display:none">测试1的文本内容</span></li>
<li><input name="test[]" type="checkbox" />测试2<span style="display:none">测试2的文本内容</span></li>
<li><input name="test[]" type="checkbox" />测试3<span style="display:none">测试3的文本内容</span></li>
<li><input name="test[]" type="checkbox" />测试4<span style="display:none">测试4的文本内容</span></li>
<li><input name="test[]" type="checkbox" />测试5<span style="display:none">测试5的文本内容</span></li>
</ul>
一方通行的胖次
answered 12 years, 8 months ago