使用jquery语言写出下列代码:1.点击全选复选框时,全选下面四个复选框,再点全选复选框时取消全选; 2.当鼠标进入表格和离开表格时,改变表格背景色,颜色自定义; 3.点击删除按钮时,判断是否有复选框被选中,如果没有复选框被选中则提示用户进行选择,否则确认删除,并从表格中删除相应行。
时间: 2024-03-17 13:42:12 浏览: 170
1. 点击全选复选框时,全选下面四个复选框,再点全选复选框时取消全选:
```javascript
$(document).ready(function(){
$("#all").click(function(){
if(this.checked){
$("input[type='checkbox']").prop("checked", true);
}else{
$("input[type='checkbox']").prop("checked", false);
}
});
});
```
其中,`#all` 为全选复选框的 id,其他四个复选框的类型为 checkbox。
2. 当鼠标进入表格和离开表格时,改变表格背景色,颜色自定义:
```javascript
$(document).ready(function(){
$("table").hover(function(){
$(this).css("background-color", "#f5f5f5");
}, function(){
$(this).css("background-color", "#fff");
});
});
```
其中,`table` 为需要改变背景色的表格的标签名,`#f5f5f5` 和 `#fff` 分别为鼠标进入和离开时的背景色。
3. 点击删除按钮时,判断是否有复选框被选中,如果没有复选框被选中则提示用户进行选择,否则确认删除,并从表格中删除相应行:
```javascript
$(document).ready(function(){
$("#delete").click(function(){
var checked = $("input[type='checkbox']:checked");
if(checked.length == 0){
alert("请至少选择一行进行操作!");
}else{
if(confirm("确定要删除所选行吗?")){
checked.parent().parent().remove();
}
}
});
});
```
其中,`#delete` 为删除按钮的 id,`input[type='checkbox']:checked` 为选中的复选框,`.parent().parent().remove()` 为删除其所在的行。
阅读全文