脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript类库 → jquery → 分别获取选中的复选框值

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

 更新时间：2014年06月17日 10:01:08   投稿：whsnow  
这篇文章主要介绍了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值的方法:将其放到数组中，然后连接成字符串
复制代码 代码如下:

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.');
}
}
);

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获取Table某列的值（推荐）

    jQuery获取Table某列的值（推荐）

    这篇文章主要介绍了jQuery获取Table某列的值,非常不错，具有参考借鉴价值，需要的朋友可以参考下
    2017-03-03
  • Jquery组件easyUi实现表单验证示例

    Jquery组件easyUi实现表单验证示例

    这篇文章主要为大家详细介绍了Jquery插件easyUi实现表单验证的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2016-08-08
  • jquery插件qrcode在线生成二维码

    jquery插件qrcode在线生成二维码

    jquery.qrcode是一个强大的jquery的插件,可以用来二维码图形的渲染,用于生成二维码,非常的实用，需要的朋友参考下。
    2015-04-04
  • jQuery响应滚动条事件功能示例

    jQuery响应滚动条事件功能示例

    这篇文章主要介绍了jQuery响应滚动条事件功能,可实现针对滚动条状态的实时计算与响应功能,具有一定参考借鉴价值,需要的朋友可以参考下
    2017-10-10
  • jquery 判断div show的状态实例

    jquery 判断div show的状态实例

    下面小编就为大家带来一篇jquery 判断div show的状态实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧，祝大家游戏愉快哦
    2016-12-12
  • jQuery中iframe的操作(点击按钮新增窗口)

    jQuery中iframe的操作(点击按钮新增窗口)

    <iframe>也应该是框架的一种形式，它与<frame>不同的是，iframe可以嵌在网页中的任意部分。本文给大家介绍jQuery中iframe的操作(点击按钮新增窗口)，需要的朋友参考下吧
    2016-04-04
  • JQuery与JSon实现的无刷新分页代码

    JQuery与JSon实现的无刷新分页代码

    相信大家都上过优酷吧，当你在看一个视频的时候，你想看看视频下面的评论，点击了第2页的评论，整个页面刷新，那么视频从头开始播放，相信这会被用户骂死的。
    2011-09-09
  • jQuery实现动态添加标签事件

    jQuery实现动态添加标签事件

    这篇文章主要为大家详细介绍了jQuery实现动态添加标签事件，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2021-08-08
  • 强大的jquery插件jqeuryUI做网页对话框效果！简单

    强大的jquery插件jqeuryUI做网页对话框效果！简单

    大家都知道JQ是用JS帮我们封装好的东西，我们就要用到它其中强大的地方，废话就不说了.....
    2011-04-04
  • 终于实现了!精彩的jquery弹幕效果

    终于实现了!精彩的jquery弹幕效果

    终于实现精彩的jquery弹幕效果了，这篇文章就为大家详细介绍了jquery弹幕效果的实现代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2016-07-07

最新评论