[問題] CHECKBOX的問題
大家好~
我是新手..
從網路上找了這個範例
<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
→
05/12 19:25, , 1F
05/12 19:25, 1F
推
05/12 20:03, , 2F
05/12 20:03, 2F
推
05/12 23:52, , 3F
05/12 23:52, 3F
感謝各位!!
後來改成這樣子
<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)
→
05/13 21:16, , 4F
05/13 21:16, 4F
→
05/13 21:17, , 5F
05/13 21:17, 5F