`

jQuery分别获取选中的复选框值

 
阅读更多

 

function jqchk(){  //jquery获取复选框值 
  var s=''; 
  $('input[name="aihao"]:checked').each(function(){ 
    s+=$(this).val()+','; 
  }); 

点击“提交”后,可以得到正确的选择值了,但是后面多一个,(英文逗号),这个可以检测一下再用substring去除,或者获取到复选框选择值后一般都要转成数组再使用的,所以也可以在转成数组后,去除最后一个数组元素。 
if (s.length > 0) { 
    //得到选中的checkbox值序列 
    s = s.substring(0,s.length - 1); 

alert(s==''?'你还没有选择任何内容!':s); 

</script> 




直接上代码,主要是获取checkbox值的方法:将其放到数组中,然后连接成字符串 


[b] 
var chenked=$("input[type='checkbox']:checked").val([]); 
var names = ""; 
for(var i=0;i<chenked.length;i++){ 
names += chenked[i].value +","; 


可以更优雅一些: 

var arr_v = new Array(); 

=$("input[type='checkbox']:checked").each(function(){ 
  
     arr_v.push(this.val()); 
  
}); 

arr_v.join(','); 

即可以了 

//此为重点
,该句与下面的第一句效果一样 
var selectedItems = new Array(); 
$("input[@name='itemSelect[]']:checked").each(function() {selectedItems.push($(this).val());}); 

if (selectedItems .length == 0) 
    alert("Please select item(s) to delete."); 
else 
    $.ajax({ 
    type: "POST", 
    url: "/ajax_do_something.php", 
    data: "items=" + selectedItems.join('|'), 
    dataType: "text", 
    success: function (request) { 
        document.location.reload(); 
      }, 
    error: function(request,error){ 
        alert('Error deleting item(s), try again later.'); 
      } 
    } 
    );[/b] 

java  拆分 
String names = null; 
String name1 = null; 
String name2 = null; 
names = request.getParameter("names"); 
String[] name = names.split(","); 
for(String x : name){ 
if("zhangsan".equals(x)){ 
name1 = x; 

if("lisi".equals(x)){ 
name2 = x; 

}
 








jquery 修改时候选中 后台查询的复选框 

var struids='${useridstr}'; //后台获取数据 
alert(struids); 
if(struids!='') 

var str=struids.split(","); 
for(var j=0;j<str.length;j++) 

$(":checkbox[value='"+str[j]+"']").attr("checked",true); 



//复选框 


下拉框 
var module='${module}' 
$("#module option[value='" + module + "']").attr("selected","selected"); 

var s = $("#parentId").find("option:selected").val(); 
分享到:
评论

相关推荐

    jQuery实现获取选中复选框的值实例详解

    在讨论如何使用jQuery获取选中复选框的值之前,让我们先了解一些基础概念。复选框是一种表单元素,允许用户选择多个选项中的零个或多个。通常,复选框通过value属性与某个特定值相关联,而在页面上可以通过为复选框...

    jQuery单选框和复选框美化代码

    4. **状态管理**:通过jQuery,我们可以轻松地获取或设置单选框和复选框的选中状态,这对于动态更新界面或者验证用户输入非常有用。 5. **响应式设计**:在移动设备上,美化后的单选框和复选框同样重要。jQuery可以...

    jQuery如何判断checkbox(复选框)是否被选中

    在jQuery中,我们可以使用`.is(':checked')`方法来检查复选框是否被选中,或者通过`.prop('checked')`方法来获取或设置复选框的选中状态。这两种方法都是推荐的实践,因为它们提供了更好的兼容性和更清晰的语义。 #...

    jQuery树形复选框插件.zip

    《jQuery树形复选框插件的深度解析与应用》 在Web开发中,为了提供用户友好的交互体验,我们经常需要实现各种各样的UI组件。其中,树形结构的复选框是一种常见且实用的功能,它允许用户以层级方式选择或取消选择一...

    jQuery高性能带复选框的树形结构插件

    **jQuery高性能带复选框的树形结构插件——highchecktree** 在Web开发中,树形结构常常用于展示层级关系的数据,例如组织结构、文件系统等。`highchecktree`是一个专门针对这种情况设计的jQuery插件,它能高效地...

    jquery动态复选框取值

    2. `.val()`方法:当复选框的`value`属性被设置时,`.val()`可用于获取选中复选框的值。 ```javascript // 获取选中的复选框的值 var selectedValue = $('input[type="checkbox"]:checked').val(); ``` 四、处理多...

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

    在这个过程中,我们使用jQuery的`.val()`方法获取每一个复选框的`value`属性值,并通过`push()`方法将这些值添加到一个预先定义的数组中。这种方式更加简洁明了,并且利用了jQuery提供的方法来简化操作。 最后,...

    BootStrap Table复选框默认选中功能的实现代码(从数据库获取到对应的状态进行判断是否为选中状态)

    本篇将详细介绍如何在Bootstrap Table中实现复选框的默认选中功能,特别地,我们将根据从数据库获取的状态来决定复选框是否被选中。 首先,我们需要引入Bootstrap Table的相关库,包括CSS和JavaScript文件。这些...

    Jquery复选框的值

    `map()`函数遍历这些复选框,并返回每个选中复选框的`value`属性。最后,`.get()`方法将结果转换为JavaScript数组。 在`index.jsp`文件中,你可以将上述代码添加到`&lt;script&gt;`标签内,或者链接到外部的JavaScript...

    jquery判断复选框是否被全部选中,达到全选的目的

    如果某个复选框被选中,`$check`的值就会增加。 `if($check==$checkArray.length)`这部分代码用于判断所有复选框是否都被选中。如果`$check`等于`$checkArray.length`,说明所有复选框都已被选中;反之,如果它们不...

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

    //js获取复选框值 var obj = document.getElementsByName("interest");//选择所有name="interest"的对象,返回数组 var s='';//如果这样定义var s;变量s中会默认被赋个null值 for(var i=0;i&lt;obj.length;i++){ ...

    jquery获取checkbox选中的值

    在本场景中,我们关注的是如何使用jQuery来处理HTML中的复选框(checkbox)元素,尤其是获取选中的值、实现全选、取消全选、反选以及选择奇数行的操作。下面将详细介绍这些知识点。 1. **获取选中的值** jQuery ...

    jquery 、js实现复选框 (全选、反选)

    上述代码通过jQuery的选择器`$(":checkbox")`选中页面上所有的复选框,并通过`attr("checked", true)`设置它们的`checked`属性为`true`,从而实现了全选的功能。 **1.2 反选功能** 接下来实现反选功能,即当用户...

    jQuery获取复选框被选中数量及判断选择值的方法详解

    标题中提到的知识点主要是使用jQuery库操作HTML复选框元素以获取被选中的数量以及获取选中值的方法。而描述中强调了通过实例分析这些操作技巧,具有很高的实用价值。标签中列出了“jQuery 获取 复选框 选中数量 判断...

    jquery获取复选框被选中的值

    3. **获取选中复选框的值**: 当我们确定了一个复选框被选中之后,接下来就是获取它的值。原生JavaScript中可以使用`element.value`来获取,而在jQuery中,这个过程更简洁,可以直接使用`$(selector).val()`。为了...

    jquery下拉多选复选框插件

    本主题涉及的是一个基于jQuery的下拉多选复选框插件,该插件能够提供用户友好的界面,方便用户在下拉菜单中进行多选操作,尤其适用于后台数据管理或前端交互场景。下面将详细介绍这个插件及其相关的知识点。 1. **...

    jquery实现带复选框的gridview

    这时可以使用jQuery的`.not()`方法来排除已经选中的复选框,确保一次只能有一个被选中。 在实际项目中,数据源通常不会硬编码在HTML中,而是通过Ajax从服务器动态获取。你可以使用jQuery的`$.ajax`或者`$.getJSON`...

    layui-table表复选框勾选的所有行数据获取的例子

    需要注意的是,在实际应用中,复选框的实现方式可能会根据项目的具体需求略有不同,但核心逻辑是相同的,即监听复选框的变化并获取选中的行数据。希望本文能够帮助到正在使用layui-table进行开发的朋友们,解决他们...

    复选框相关代码

    前端获取选中复选框的值可以通过jQuery轻松实现: ```javascript function check() { var str = "缺少材料:"; $("input:checkbox[nName='Id']:checked").each(function() { str += $(this).val() + ','; }); ...

Global site tag (gtag.js) - Google Analytics