当前位置:首页 > jQuery技术文章 > jquery复选框checkbox实现删除前判断

怎样实现jquery复选框checkbox删除前判断

  • 发布时间:
  • 作者:码农之家原创
  • 点击:198

这篇文章主要知识点是关于jquery、复选框、checkbox、jQuery判断checkbox(复选框)是否被选中以及全选、反选实现代码 的内容,如果大家想对相关知识点有系统深入的学习,可以参阅以下电子书

jQuery实战案例精粹
  • 类型:jQuery大小:272 MB格式:PDF作者:吴绍兴//李勇//明廷
立即下载

jquery复选框checkbox实现删除前判断

实现这样一个基本需求,页面有很多数据,可以删除一条或多条,删除前判断是否选中至少一条,否则提示。
 

function deleteUser() {
//当时是想把内容以str+=""的方式 进行保存 ,但不行
//var str;
var array = new Array(); //用于保存 选中的那一条数据的ID
var flag; //判断是否一个未选
$("input[name='selectFlag']:checkbox").each(function() { //遍历所有的name为selectFlag的 checkbox
if ($(this).attr("checked")) { //判断是否选中
flag = true; //只要有一个被选择 设置为 true
}
})
if (flag) {
$("input[name='selectFlag']:checkbox").each(function() { //遍历所有的name为selectFlag的 checkbox
if ($(this).attr("checked")) { //判断是否选中
//alert($(this).val());
array.push($(this).val()); //将选中的值 添加到 array中
//str+=$(this).val()+",";
}
})
//将要集体删除的数据 传递给action处理
window.self.location = "deleteUser?info=" + array;
} else {
alert("请至少选择一个用户");
}
}

后台action进行接收数据 进行删除
 

@Override
public String execute() throws Exception {
// TODO Auto-generated method stub
//前台是以a,b,c格式进行传输的 首先分解字符串
String s[] = info.split(",");
/*
* for(int i=0;i<s.length;i++){ System.out.println(s[i]); }
*/
if (s.length > 0) {
for (int i = 0; i < s.length; i++) {
userDao.deleteUser(s[i]);
}
}
return "success";
}

jQuery判断checkbox(复选框)是否被选中以及全选、反选实现代码

jQuery判断checkbox(复选框)是否被选中:
if($("#id").attr("checked")==true)

jQuery实现checkbox(复选框)选中、全选/反选代码:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery如何判断checkbox(复选框)是否被选中以及全选、反选</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
<!--
$("document").ready(function(){
 $("#all").click(function(){  
  if(this.checked){  
   $("input[name='checkbox']").each(function(){this.checked=true;});
   $("#btn1").attr("value","反选");  
  }else{  
   $("input[name='checkbox']").each(function(){this.checked=false;});  
   $("#btn1").attr("value","全选");
  }  
 });

 $("#btn1").click(function(){
  $("[name='checkbox']").attr("checked",'true');//全选
 });

 $("#btn2").click(function(){
  $("[name='checkbox']").removeAttr("checked");//取消全选
 });

 $("#btn3").click(function(){
  $("[name='checkbox']:even").attr("checked",'true');//选中所有奇数
 });

 $("#btn4").click(function(){
  $("[name='checkbox']").each(function(){
   if($(this).attr("checked"))
   {
    $(this).removeAttr("checked");
   }else{
    $(this).attr("checked",'true');
   }
  });
 });

 $("#btn5").click(function(){
  var str="";
  //$("input:checkbox[name='checkbox']:checked").each(function(){//可以
  $("[name='checkbox'][checked]").each(function(){
   str+=$(this).val()+"\r\n";
  });
  alert(str);
 });
});

//-->
</script>
</head>

<body>
    <form name="form1" method="post" action="">
     <input type="checkbox" id="all" name="all">
        <input type="button" id="btn1" value="全选">
        <input type="button" id="btn2" value="取消全选">
        <input type="button" id="btn3" value="选中所有奇数">
        <input type="button" id="btn4" value="反选">
        <input type="button" id="btn5" value="获得选中的所有值">
        <br />
        <input type="checkbox" name="checkbox" value="checkbox1">checkbox1
        <input type="checkbox" name="checkbox" value="checkbox2">checkbox2
        <input type="checkbox" name="checkbox" value="checkbox3">checkbox3
        <input type="checkbox" name="checkbox" value="checkbox4">checkbox4
        <input type="checkbox" name="checkbox" value="checkbox5">checkbox5
        <input type="checkbox" name="checkbox" value="checkbox6">checkbox6
        <input type="checkbox" name="checkbox" value="checkbox7">checkbox7
        <input type="checkbox" name="checkbox" value="checkbox8">checkbox8
    </form>
</body>
</html>

以上就是本次给大家分享的关于java的全部知识点内容总结,大家还可以在下方相关文章里找到相关文章进一步学习,感谢大家的阅读和支持。

推荐内容

idea2020注册激活码(激活到2100年)

实例分析Java实现的zip压缩及解压缩工具类

python3 pandas 如何读取MySQL数据和插入

ThinkPHP3.2.3框架如何实现分页功能

深入理解JS函数stack size计算方法

展开 +

收起 -

jquery checkbox删除前判断 相关电子书
学习笔记
网友NO.593118

jQuery对checkbox 复选框的全选全不选反选的操作

先给大家展示下效果图,如果大家感觉还不错,请继续参考实现代码。 HTML代码: bodyul id="list" lilabelinput type="checkbox" name="items" value="1" 1.时间都去哪儿了/label/li lilabelinput type="checkbox" name="items" value="2" 2.海阔天空/label/li lilabelinput type="checkbox" name="items" value="3" 3.真的爱你/label/li lilabelinput type="checkbox" name="items" value="4" 4.不再犹豫/label/li lilabelinput type="checkbox" name="items" value="5" 5.光辉岁月/label/li lilabelinput type="checkbox" name="items" value="6" 6.喜欢妳/label/li /ul input type="checkbox" id="all" 全选/全不选/brinput type="button" value="全选" class="btn" id="selectAll" input type="button" value="全不选" class="btn" id="unSelect" input type="button" value="反选" class="btn" id="reverse" input type="button" value="获得选中的所有值" id="btn" id="getValue"/body jquery代码: script type="text/javascript"$(function(){//全选/全不选$("#all").click(……

网友NO.509549

jquery获取复选框checkbox的值的简单实现方法

jQuery API : each(callback) : 以每一个匹配的元素作为上下文来执行一个函数。 :checked : 匹配所有选中的被选中元素(复选框、单选框等,不包括select中的option) js: //js获取复选框值 var obj = document.getElementsByName("interest");//选择所有name="interest"的对象,返回数组 var s='';//如果这样定义var s;变量s中会默认被赋个null值 for(var i=0;iobj.length;i++){ if(obj[i].checked) //取到对象数组后,我们来循环检测它是不是被选中 s+=obj[i].value+','; //如果选中,将value添加到变量s中 } jquery: //jquery获取复选框值 var chk_value =[];//定义一个数组 $('input[name="interest"]:checked').each(function(){//遍历每一个名字为interest的复选框,其中选中的执行函数 chk_value.push($(this).val());//将选中的值添加到数组chk_value中 }); 其中jsp页面代码 %@ page language="java" contentType="text/html" import="java.util.*" pageEncoding="GBK"%%String path = reque……

网友NO.321921

jquery获取复选框checkbox的值实现方法

jQuery API : each(callback): : 以每一个匹配的元素作为上下文来执行一个函数。 :checked : 匹配所有选中的被选中元素(复选框、单选框等,不包括select中的option) js: //js获取复选框值 var obj = document.getElementsByName("interest");//选择所有name="interest"的对象,返回数组 var s='';//如果这样定义var s;变量s中会默认被赋个null值 for(var i=0;iobj.length;i++){ if(obj[i].checked) //取到对象数组后,我们来循环检测它是不是被选中 s+=obj[i].value+','; //如果选中,将value添加到变量s中 } jquery: //jquery获取复选框值 var chk_value =[];//定义一个数组 $('input[name="interest"]:checked').each(function(){//遍历每一个名字为interest的复选框,其中选中的执行函数 chk_value.push($(this).val());//将选中的值添加到数组chk_value中 }); 其中jsp页面代码 %@ page language="java" contentType="text/html" import="java.util.*" pageEncoding="GBK"%%String p……

网友NO.259563

动态获取复选框checkbox选中个数的jquery代码

今天碰到“jquery动态获取复选框checkbox选中的个数”,首先看下面例子: input type="checkbox" checked="checked"pythonbr input type="checkbox" checked="checked"javabr input type="checkbox" jquerybr input type="checkbox" phpddt.combr script src="jquery.js"/script script $(function(){ $("input[type='checkbox']").bind("click",function(){alert($("input[type='checkbox'][checked='checked']").length);}); }); /script 我给checkbox绑定了点击事件,想获取选中的个数,上面这种写法获取失败,当我点击另外一个复选框,个数任然没变: script $(function(){ $("input[type='checkbox']").bind("click",function(){alert($("input[type='checkbox']:checked").length);}); }); /script ……

网友NO.556293

jquery对复选框(checkbox)的操作汇总

jquery操作复选框(checkbox)的12个小技巧。 1、获取单个checkbox选中项(三种写法) $("input:checkbox:checked").val() 或者 $("input:[type='checkbox']:checked").val(); 或者 $("input:[name='ck']:checked").val(); 2、 获取多个checkbox选中项 $('input:checkbox').each(function() {if ($(this).attr('checked') ==true) {alert($(this).val());}}); 3、设置第一个checkbox 为选中值 $('input:checkbox:first').attr("checked",'checked'); 或者 $('input:checkbox').eq(0).attr("checked",'true'); 4、设置最后一个checkbox为选中值 $('input:radio:last').attr('checked', 'checked'); 或者 $('input:radio:last').attr('checked', 'true'); 5、根据索引值设置任意一个checkbox为选中值 $('input:checkbox).eq(索引值).attr('checked', 'true'); 索引值=0,1,2.... 或者 $('input:radio').slice(1,2).attr('checked', 'true'); 6、选中多个checkbox同时选中第1个和第2个的checkbox $('input:radio').slice(0,2).attr('checked','true'); 7、根据Value值设置……

<
1
>

电子书 编程教程 文档 软件 源码 视频

Copyright 2018-2020 xz577.com 码农之家

本站所有电子书资源不再提供下载地址,只分享来路

免责声明:网站所有作品均由会员网上搜集共同更新,仅供读者预览及学习交流使用,下载后请24小时内删除

版权投诉 / 书籍推广 / 赞助:QQ:520161757