作者nonebelieve (天)
看板Ajax
标题[问题] CHECKBOX的问题
时间Sat May 12 18:10:50 2012
大家好~
我是新手..
从网路上找了这个范例
<p><b>DEMO</b></p>
<div id="demo" style="border: 1px solid #000; height: 100px; width:
100px;"><input type="checkbox" /></div>
<p>
<script type="text/javascript" src="jquery-1.7.2.min.js">
var $div = $('#demo'),
$cbox = $div.find('input');
$div.on('click', function(e) {
if(e.target !== $cbox.get(0))
$cbox.prop('checked', !$cbox.prop('checked'));
$div.css('background', $cbox.prop('checked') ? '#000' : '');
});
</script></p>
执行结果应该是按了checkbox 他就会变灰色
但是不知道为什麽都不会跑
麻烦大家解惑 感谢各位!!
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 61.227.119.129
※ nonebelieve:转录至看板 ask 05/12 18:19
1F：→ anest:好像少了一个<script> 05/12 19:25
2F：推 kerash:script有设src就不会跑里面的内容的样子 05/12 20:03
3F：推 savenckugo:我也觉得好像是少了个<Script> 05/12 23:52
感谢各位!!
後来改成这样子
<p><b>DEMO</b></p>
<div id="demo" style="border: 1px solid #000; height: 100px; width: 100px;">
<input id="foo" type="checkbox" />
</div>
<p>
<script>
$("#foo").bind("click", function(event){
$("#demo").css('background', $("#foo").prop('checked') ? '#AAA' : '');
});
</script></p>
就可以了~~!!
虽然我还是不知道之前为什麽不行 XD
谢谢大家:)
※ 编辑: nonebelieve 来自: 114.39.211.139 (05/13 00:19)
4F：→ sk1765:这个就是前面几位说的那样 你的<script></script>没写好 05/13 21:16