html:
<table>
<tr>
<th>姓名</th>
<th>復選</th>
</tr>
<tr>
<td>張三</td>
<td> <input class="cckList_sp" name="items" type="checkbox" /></td>
</tr>
<tr>
<td>李四</td>
<td> <input class="cckList_sp" name="items" type="checkbox" /></td>
</tr>
<tr>
<td>王五</td>
<td> <input class="cckList_sp" name="items" type="checkbox" /></td>
</tr>
<tr>
<td>趙六</td>
<td> <input class="cckList_sp" name="items" type="checkbox" /></td>
</tr>
</table>
js:
<script type="text/javascript">
$(function () {
$("table tr td ").click(function () {
if ($(this).children("[name=items]:checkbox").length > 0) {
return false;
}
alert("你點擊的是td 復選框不會觸發!");
});
$("[name=items]:checkbox").click(function () {
$(this).attr("checked", this.checked);
if ($(this).siblings().length > 0) {
return false;
}
alert("我是復選框彈出窗口!");
});
});
</script>
問題:點擊table tr td 是不會觸發checkbox的 利用return false? 這個效果達到了
但是我在點擊checkbox 事件也觸發了但是沒有把鉤復選上 請問我點擊checkbox怎么讓復選框選中? 這段代碼好像沒有起作用if ($(this).siblings().length > 0) { return false; }
注:肯定有朋友會說 分別給td 和checkbox加上不同的class 操作就可以了 事實上我想利用事件的來解決這個問題 謝謝!
- 1 回答
- 0 關注
- 295 瀏覽
添加回答
舉報
0/150
提交
取消