`
tracy婷婷
  • 浏览: 24337 次
  • 性别: Icon_minigender_2
社区版块
存档分类
最新评论

传字符串js多选框选中

    博客分类:
  • js
 
阅读更多
<dl class="nowrap">
			<dt>可操作店铺:</dt>
			<dd><div id="ushops" val="${shops}"></div></dd>
</dl>

 注:action里面的值是private String shops;

shops通过数据库查询得到的结果是shops=“1,5,6,7,9”

页面需要的个人所操作店铺多选框进行选中,js解析方法案例如下

 

<script language="JavaScript">
<!--
$(document).ready(function() {
	$.getJSON("getShops.do", function(data){
			var html = '';
			var shops = $("#ushops").attr('val');
		$.each(data, function(i,item){
			
			if(shops.indexOf(''+item.id)>-1)
			 	html += '<label><input type="checkbox" name="shops" value="' + item.id + '" checked>' + item.shopName + '</label>';
			 else
			 	html += '<label><input type="checkbox" name="shops" value="' + item.id + '" >' + item.shopName + '</label>';
			 	
			 
		});
		$("#ushops").append(html);
	});
});
//-->
</script>

 

分享到:
评论

相关推荐

    js获取复选框选中项的值

    ### 如何使用JS获取复选框选中项的值 #### 步骤1:定位复选框元素 在上述代码示例中,我们首先需要定位到所有名为“box”的复选框元素。这是通过`document.getElementsByName("box")`实现的,这行代码返回一个...

    修改vue elementUI多选框问题 elementui lib

    问题:elementUI多选框,一维数组,如官网例子那样数组内元素为字符串时正常使用,但在实际情况多选框的元素为对象,为对象时,默认选中不显示,实际上是选中了,但是不显示 ...

    combogrid 本地搜索多列匹配及复选框选中问题

    ### combogrid 本地搜索多列匹配及复选框选中问题 #### 一、问题背景与概述 在使用EasyUI框架中的`combogrid`组件时,可能会遇到两个主要问题:一是本地模糊搜索功能在多列上的实现;二是点击复选框时,无法正确...

    复选框(高级版,可以同时选中多个页面的复选框)

    本文档介绍了一种通过JavaScript实现的高级复选框验证方法,该方法允许用户在网页上同时选择多个复选框,并能够有效地处理所选项目的ID或值。此脚本不仅包括了基本的选择功能,还涉及到了对字符串和数组的操作来实现...

    js翻页复选框状态保存

    ### js翻页复选框状态保存 在网页开发过程中,特别是在使用JSP(Java Server Pages)进行后端处理的应用场景下,保持用户界面的一致性和交互性是非常重要的。本篇文章将详细探讨如何通过JavaScript实现一个功能:即...

    将web Form 的数据转化成json字符串及json对象进行处理的JS

    需要注意的是,多选框和复选框可能需要特殊处理,因为它们可能有多个选中项。 3. **构建JSON对象**:创建一个空对象,然后根据表单控件的名称作为键,控件的值作为值,将它们添加到对象中。 4. **转换为JSON字符串...

    checkbox复选框传值

    在客户端,可以通过JavaScript进行验证,确保至少有一个复选框被选中,防止提交空值。这可以提高用户体验,减少无效请求。 7. 提交按钮 别忘了,表单还需要一个提交按钮来触发POST请求。例如: ```html 提交 ``` ...

    AngularJS 单选框及多选框的双向动态绑定.docx

    在JavaScript部分,可以看到`check`函数处理多选框的选中和取消选中事件。这个函数接收两个参数,一个是当前项的ID(例如`item.postid`),另一个是当前项是否被选中的状态。如果选中,ID将被添加到`str`字符串中;...

    jsp select 带多选框

    这里的`request.getParameterValues()`方法返回一个字符串数组,包含了用户在表单中选中的所有选项的值。 博客链接(虽然这里没有给出具体内容)通常会提供更详细的实现步骤,可能包括如何与后端交互、如何处理数据...

    两个jsp页面之间传值的问题,和checkbox多选框之间的问题

    在第一个页面中,可以使用`&lt;form&gt;`标签提交表单,或者通过JavaScript的`window.location.href`重定向并附带查询字符串。在第二个页面,可以通过`request.getParameter()`来获取这些参数。 2. **会话(Session)**:...

    js获取checkbox复选框选中的选项实例

    为了演示如何使用这个函数并展示结果,我们可以编写以下的代码来获取表单`form2`中名称为`test2`的复选框选中的选项,并将它们的详细信息拼接成一个消息字符串,并通过`alert`函数显示出来。 ```javascript var ...

    复选框相关代码

    - **构建选中值字符串**:将所有选中的复选框的`Value`属性拼接成一个字符串`screenNumbers`。 - **分割并处理**:最后,使用`Split`方法将字符串按逗号分割,并处理每个选中的值。 ##### 3.2 前端获取选中值 前端...

    JavaScript简单判断复选框是否选中及取出值的方法

    JavaScript中判断复选框是否选中以及获取其值的方法是前端开发中常用到的技能,因为复选框常用于表单中让用户选择一项或多项选项。本文将详细介绍如何使用JavaScript来实现这一功能。 首先,我们了解下HTML中的复选...

    复选框 实现 单选 全选

    多选功能是复选框的基本特性,用户可以同时选中多个复选框。在给定的代码片段中,通过`onclick`事件触发`callCheck`函数,每当一个复选框的状态发生变化时,该函数就会被调用。在`callCheck`函数中,根据复选框的...

    jQuery 获取多选框的值及多选框中文的函数

    这个函数会返回一个以逗号分隔的字符串,包含所有选中多选框的值。例如,如果“甘肃”和“陕西”被选中,它将返回“0,2”。 值得注意的是,在实际应用中,作者发现`$(this).val()`方法有时返回“on”,这可能是由于...

    js去除重复字符串两种实现方法

    这个方法适用于字符串中元素是逗号分隔的情况,且可以与其他逻辑结合,如`checkRe()`函数所示,用于处理复选框选中状态改变时更新父窗口的文本框值。 ### 方法二 方法二是另一种去除重复字符串的方法,它直接在...

    js判断复选框是否选中的方法示例【基于jQuery】

    3. 结合实际场景,使用JS和jQuery判断复选框选中状态的技巧。 4. 通过一个具体的函数示例来展示如何判断多个复选框是否都已选中。 5. 如何使用jQuery的常见事件和技巧来增强复选框的交互性。 首先,我们来说明如何...

    JS实现点击复选框变更DIV显示状态的示例代码

    当复选框被选中时,我们需要通过JavaScript代码控制特定DIV块的显示和隐藏。DIV块使用了`display:none;`的CSS样式来初始设置为隐藏状态。这段示例代码将演示如何利用JavaScript改变这一状态。 接下来,详细说明知识...

    combobox 下拉多选框带搜索功能

    不过,由于没有给出具体的库信息,我们可以假设这是一个独立的JavaScript实现,可能使用了一些基本的DOM操作、事件监听和字符串处理方法来完成搜索和多选功能。 实现这个功能的关键步骤可能包括: 1. 创建HTML结构...

    Bootstrap Table中的多选框删除功能

    本篇文章将详细讲解如何在Bootstrap Table中实现多选框删除功能。 首先,我们需要在HTML中创建一个Bootstrap Table,并为其设置ID,例如`#table`。表格中通常包含多个带有复选框的行,用户可以通过勾选这些复选框来...

Global site tag (gtag.js) - Google Analytics