作者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