js 复选框选中 点击取消收藏 跪求帮忙 要代码实现1

发布网友 发布时间：2023-10-19 13:58

我来回答

共2个回答

热心网友 时间：2024-11-26 22:31

$("#取消收藏ID").click(function() {
    for(...) { //遍历所有复选框
        //这里需要把复选框的ID和对应行关联起来
        if($("#复选框ID").attr("checked") == true) {
            $("#行ID").remove(); //这个行ID和上面的复选框ID一定要对应。
        }
    }
});

上面是整体思路，代码还可以优化。

追问复选框 是删除了 但后面的 信息 还在啊

追答行ID指的是那一行，
$("#行ID").remove();这句话执行了，那个行就删除了。

复选框ID和行ID是对应的，但肯定不相同！只是借助复选框ID方便查找到行ID而已。

热心网友 时间：2024-11-26 22:31

提供：全选，全不选，复选的脚本方法，name一样，根据复选框的name获取存在的复选框个数进行处理。希望低你又有用
html页面代码：

<table width="300" cellspacing="0" cellpadding="0">
<tr>
<td><input type="checkbox" id="chec1" name="checkbox" /></td>
<td>复习一</td>
<td>2013-02-12</td>
</tr>
<tr>
<td><input type="checkbox" id="chec2" name="checkbox" /></td>
<td>复习二</td>
<td>2013-02-13</td>
</tr>
<tr>
<td><input type="checkbox" id="chec3" name="checkbox" /></td>
<td>复习三</td>
<td>2013-02-14</td>
</tr>
<tr>
<td><input type="button" value="全选" onclick="selectALL()" /></td>
<td><input type="button" value="全不选" onclick="selectNO()" /></td>
<td><input type="button" value="反选" onclick="reverse()" /></td>
</tr>
</table>
js脚本：
<script type="text/javascript">
var trs = document.getElementsByName('checkbox');
function selectALL(){//全选
for(var i=1;i<=trs.length;i++){
document.getElementById("chec"+i).checked=true;}
}
function selectNO(){//全不选

for(var i=1;i<=trs.length;i++){
document.getElementById("chec"+i).checked=false;}
}
function reverse(){//反选
for(var i=1;i<=trs.length;i++){
if(document.getElementById("chec"+i).checked==true){
document.getElementById("chec"+i).checked=false;
}else{
document.getElementById("chec"+i).checked=true; }}
}
</script>追问我要的 是删除 啊 大哥 ！