jquery下将选择的checkbox的id组成字符串的方法

代码如下:

var colorValues = new Array();
$('#image-colors').find('.color-block').each(function(){
if($(this).find('span').eq(0).hasClass('selected')){
colorValues.push($(this).attr('title'));
}
});
var colorString = colorValues.join(',');
alert(colorString);

赞 (0)

相关推荐

  • jQuery Trim去除字符串首尾空字符的实现方法说明

    假如您的项目正在使用jQuery框架,要去除字符串首尾的空字符您当然会选择:jQuery.trim(string).如果没有用到jQuery如何简单的实现呢.之前本人曾发过一个代码小片段:Javascript去除字符串左右的空格-trim(),这个写的比较粗糙并要用到递规操作.所以很多人很不满意代码的质量,包括我在内.偶尔看了下jQuery的代码,发现非常值的我们学习. 看看它是怎么实现这个功能的吧,代码只有一句话:使用正则方法. JavaScript Trim实现代码function trim

  • jQuery实现字符串按指定长度加入特定内容的方法

    本文实例讲述了jQuery实现字符串按指定长度加入特定内容的方法.分享给大家供大家参考.具体分析如下: 最近的一个项目中需要将手机号码按一定长度用标识符隔开,便于阅读,网上找了一会发现没有合适的代码于是就自己手写了一个函数,可以按指定长度往字符串中插入分隔符,有需要的朋友可以拿去. var split_str=false; function insert_flg(str,flg,sn){ str=str.replace(new RegExp(flg,"g"),"")

  • jquery解析XML字符串和XML文件的方法说明

    1.读取XML字符串:例如: 复制代码 代码如下: $(document).ready(function(){ var xml = "<xml><root><record><name>liubl</name></record><record><name>chencp</name</record></root></xml>";//var xml=&qu

  • jquery 删除字符串最后一个字符的方法解析

    字符串:var s = "1,2,3,4,5," 目标:删除最后一个 "," 方法:s=s.substring(0,s.Length-1): 字符串:var s2 = "img/upload/123.jpg" 目标:获取文件名(不包含后缀名) 方法:s2=s2.substring(s2.lastIndexOf('/')+1, s2.lastIndexOf('.'));

  • jQuery setTimeout传递字符串参数报错的解决方法

    当你打算调用一些jQuery代码显示隐藏的一个元素,并调用setTimeout()在一段延时之后设置其HTML的内容: 整个页面的代码是这样的. 复制代码 代码如下: <span style="font-size:18px;"><html> <head> <title></title> </head> <body> <a href="#" id='heihei' onclick

  • jQuery将所有被选中的checkbox某个属性值连接成字符串的方法

    本文实例讲述了jQuery将所有被选中的checkbox某个属性值连接成字符串的方法.分享给大家供大家参考.具体如下: 需求: 对于一组checkbox,当点击每个checkbox后,把当前处于选中状态的checkbox的某个属性值取出来连接成字符串,并以逗号分开. 实现方法: html部分: 复制代码 代码如下: <input type="checkbox" id="1"/> <label for="1">选项一<

  • jQuery去掉字符串起始和结尾的空格(多种方法实现)

    去掉字符串起始和结尾的空格. jQuery 代码: 复制代码 代码如下: $.trim(" hello, how are you? "); jquery 循环读取checkbox值 复制代码 代码如下: 复制代码 代码如下: $("input[type=checkbox][checked]").each(function(){ //由于复选框一般选中的是多个,所以可以循环输出 alert($(this).val()); }); $("#A").v

  • jquery下将选择的checkbox的id组成字符串的方法

    复制代码 代码如下: var colorValues = new Array(); $('#image-colors').find('.color-block').each(function(){ if($(this).find('span').eq(0).hasClass('selected')){ colorValues.push($(this).attr('title')); } }); var colorString = colorValues.join(','); alert(colo

  • 基于jQuery下拉选择框插件支持单选多选功能代码

    基于jQuery下拉选择框插件支持单选多选功能代码

    由于最近项目的需求,需要做一个下拉选择框的插件,支持单选显示表单数据,多选显示表格数据,该插件主要运用了jQuery与jqgrid以及easyui. 下面给大家展示下效果图,如果大家感觉还不错,请参考实现代码: 多选:呈现列表 具体代码如下所示: /** *下拉框插件-chooseList *调用插件的方式以及格式: * 1.首先你需要创建一个div面板,给div定义ID * 2.在你所需要的地方调用插件: * 参数说明: * $("#divID").chooseList({ * qu

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

    jQuery API : each(callback) :以每一个匹配的元素作为上下文来执行一个函数. :checked :匹配所有选中的被选中元素(复选框.单选框等,不包括select中的option) js: //js获取复选框值 var obj = document.getElementsByName("interest");//选择所有name="interest"的对象,返回数组 var s='';//如果这样定义var s;变量s中会默认被赋个null值

  • jquery捕捉回车键及获取checkbox值与异步请求的方法

    本文实例讲述了jquery捕捉回车键及获取checkbox值与异步请求的方法.分享给大家供大家参考,具体如下: 1.jquery捕捉回车键: $("html").die().live("keydown",function(event){ if(event.keyCode==13){ //这里添加要处理的逻辑 } }); 2.jquery获得多个选中的checkbox值: $('input[type="checkbox"][name="t

  • 基于jQuery实现select下拉选择可输入附源码下载

    基于jQuery实现select下拉选择可输入附源码下载

    我们知道,一般select下拉框是只能选择的,不能用来输入内容的.而有时我们会遇到下拉框中没有要选择的信息项或者下拉选项特别多时,我们可以让select变成text,允许用户输入想要的内容,同时还可以在输入的时候将包含关键字的项也列出来,供快速选择. 查看演示效果           源码下载 本文将用实例和大家分享一款基于jQuery的下拉框插件,它允许用户输入内容,同时下拉选项中会及时匹配相关选项,支持键盘操作,还支持html选项内容,当然还能让下拉的过程带有动画效果.我们来看下如何使用.

  • jQuery针对input的class属性写了多个值情况下的选择方法

    本文实例讲述了jQuery针对input的class属性写了多个值情况下的选择方法.分享给大家供大家参考,具体如下: jQuery选择input的class属性写了多个值的情况: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script src="jquery-1.6.2.js" ty

  • jquery实现户籍地选择下拉框

    利用jquery实现户籍地选择下拉框的具体代码,供大家参考,具体内容如下 data.js var data = [{ provname: '浙江省', provId: 1, citys: [{ cityname: "杭州市", cityId: 101, areas: [{ areaname: "杭州一区", areaId: 1011 }, { areaname: "杭州二区", areaId: 1012 } ] }, { cityname: &q

  • JQuery设置时间段下拉选择实例

    本文实例讲述了JQuery设置时间段下拉选择的方法.分享给大家供大家参考. 具体实现方法如下: 复制代码 代码如下: $(document).ready(function() {  var arrT = [];  var tt = "{0}:{1}";  for (var i = 0; i < 24; i++) {      arrT.push({ text: StrFormat(tt, [i >= 10 ? i : "0" + i, "00&

  • vue操作下拉选择器获取选择的数据的id方法

    实际项目中我们获取选择的数据的id:这时候 需要配合使用v-bind,才能获取到选择的那条数据的id值,其实就是id赋值给value属性 <template> <div> <select v-model="select" > <option v-for="(a,index) in arr" :key="index" :value="a.id">{{ a.name }}</o

  • js点击文本框弹出可选择的checkbox复选框

    本文分享一段代码实例,它能够点击文本框的时候,能够弹出下拉的checkbox复选框,选中复选框就能够将值写入文本框中,可能在实际应用中的效果没有这么直白简单,不过可以作为一个例子演示,以便于学习者理解和扩展. 代码如下: <html> <head> <meta charset="gb2312"> <title>js点击文本框弹出可选择的checkbox复选框</title> <style type="text/

随机推荐