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