`
- 浏览:
11914 次
- 性别:
-
如何选取多个复选框的id, 并传值到页面,进行操作
注:取值为一组复选框,所以不能用document.getElementById()
/*
*选择多条数据,如何获取id
*
*获取所有选中id
*选择多个数据时,获取所选择的所有id,并将id返回
*将id全部拿到,并用 ","拼起来,使用的时候,用split()方法劈开,放到数组中或集合中遍历使用
*/
->
function getAllids(){
//得到chekbox对象
var checkbox = document.getElementsByName("che");
//alert("checkbox的长度为:"+checkbox.length);
var id ="";
//当选中时,拿到它的value值,并拼起来
//需要注意的是,这样拼出来的id字符串,是以 ","结尾的,所以在使用的时候,应先将 ","去掉,也可在if中做判断
// 当为最后一个时,拼的时候不加 ","
for ( var i = 0; i < checkbox.length; i++) {
if(checkbox[i].checked){
id = id + checkbox[i].value+",";
}
}
//alert("id为:"+id);
return id;
}
=================================================================
//取得所有的复选框对象数组
function GetAllCheckBox() {
var div = document.getElementById("Balls");
var inputs = div.getElementsByTagName("input");
//定义复选框数组,用来返回
var checkboxs = new Array();
var nIndex = 0;
for (var i = 0; i < inputs.length; i++) {
//通过type是否为checkbox来判断复选框
if (inputs[i].type == "checkbox") {
checkboxs[nIndex] = inputs[i];
nIndex++;
}
}
return checkboxs;
}
//全选
function selAll() {
var checkboxs = GetAllCheckBox();
for (var i = 0; i < checkboxs.length; i++) {
checkboxs[i].checked = true;
}
}
//全清
function clearAll() {
var checkboxs = GetAllCheckBox();
for (var i = 0; i < checkboxs.length; i++) {
checkboxs[i].checked = false;
}
}
//反选
function reverseAll() {
var checkboxs = GetAllCheckBox();
for (var i = 0; i < checkboxs.length; i++) {
if (checkboxs[i].checked == true) {
checkboxs[i].checked = false;
}
else {
checkboxs[i].checked = true;
}
}
}
分享到:
Global site tag (gtag.js) - Google Analytics
相关推荐
通过上述方法,我们可以有效地解决Ajax传参时出现的乱码问题。在实际应用中,根据项目的具体情况选择合适的方法非常重要。通常情况下,统一使用UTF-8编码是最简单有效的解决方案。希望本文能够帮助大家更好地理解和...
**描述分析:** 描述中的“在vs2010下的一个完整的通过ajax 在前后台传参json的格式”表明这是一个在Visual Studio 2010环境下开发的项目,它演示了如何使用AJAX技术将JSON格式的数据作为参数从客户端(前端)传递到...
jQuery是一个快速、小巧且功能丰富的...通过上述方法,我们可以发现,在使用jQuery进行ajax数据交互时,通过JSON格式传递参数不仅能够使数据的结构更加清晰,而且也极大地提高了前后端数据交互的效率和准确性。
总结来说,前后端之间使用jQuery+Ajax传递JSON格式参数的关键点包括: 1. 确保正确引用jQuery库。 2. 使用Ajax的data属性设置JSON格式的数据。 3. 设置dataType为"json"以处理服务器返回的JSON数据。 4. 在服务器端...
在使用jQuery的AJAX方法进行数据交互时,有时会遇到中文字符乱码的问题。这是因为浏览器、服务器和前端之间编码不一致导致的。本文将详细解释这个问题,并提供有效的解决方案。 首先,我们要理解AJAX(Asynchronous...
前后端传参ajax请求中 content-type:application/json,这样也能在后台接受前台提交的数据,其实这个时候前端提交的数据是 json格
然而,当使用Ajax传递包含中文字符的参数时,由于编码和解码的不统一,经常会出现乱码问题。为解决这一问题,本文将详细介绍一种有效的方法来确保中文参数能够正确无误地传递到后端。 首先,要了解的是,乱码问题的...
随着Web应用的逐步复杂化,...总而言之,ThinkPHP5的AJAX表单提交操作相比于以往版本更加简洁高效,而且其提供的丰富组件和方法使得前后端的交互变得更加轻松。希望本文对大家基于ThinkPHP框架的PHP程序设计有所帮助。
2. **Ajax POST/GET请求**:异步请求中传递的数据可能会遇到乱码问题。 3. **自动加载**:页面自动获取数据时,如JSONP或Websocket通信。 4. **发送连接请求**:如HTTP GET请求的URL参数或POST请求的Body内容。 ...
总结,Ajax与JSON的结合使得前后端数据交互变得更加简单和高效。通过前端页面中的JavaScript处理,我们可以轻松地发送和接收JSON数据,实现页面的动态更新。同时,JSON格式在各种编程语言中的广泛支持,也使得跨平台...
10. **AJAX**:异步JavaScript和XML,现在通常用于发送HTTP请求,实现前后端数据交换。JS的`fetch`或`XMLHttpRequest` API可与PHP配合,处理复杂的数据交互。 以上就是JS和PHP页面间常见的传值方法。实际应用中,...
本文详细介绍了Django框架中前后端之间的数据传递方式,包括表单提交、Ajax请求以及后端向前端的数据返回机制。这些技术在实际开发中非常重要,能够帮助开发者构建出高效且交互性强的Web应用。通过掌握这些技术,你...
前后端之间的通信通常通过AJAX异步请求来实现,但在特定情况下也可以直接在页面中通过服务器控件或脚本的方式调用后台代码。 #### 三、示例分析 根据提供的代码片段,可以看出这是一个典型的ASP.NET Web Forms项目...
1. **前端Ajax传参**:前端通过Ajax进行数据传递,这涉及到jQuery或其他前端框架如Vue或React等的Ajax方法。在示例中,使用了类似jQuery的API来发送POST请求,将数据封装在JSON对象中,如`data: {"nonQuantify":"",...
先上效果图: 前端数据表格: <%-- 数据表格 --%> lay-filter=test> <thead>
在描述中提到的"datatable 自定义传参,服务端返回数据处理",意味着在使用DataTable时,我们可能需要根据用户操作或特定需求向服务器发送自定义参数,并且要能够处理服务器返回的数据。这通常涉及到Ajax请求和JSON...
在Web开发中,JavaServer Pages (JSP) 和 Java Servlets 是...总结来说,这个流程展示了如何利用JSP、Ajax和Servlet实现前后端间的JSON数据交互。这种技术在现代Web应用中广泛使用,可以提供高效、灵活的页面更新机制。
这种结构使得JSON成为前后端数据交互的理想选择,因为它可以直接映射到大多数编程语言的数据结构中。 2. **Spring MVC与JSON** 在Spring MVC中,我们可以使用`@RequestBody`注解来接收前端发送的JSON数据。这个...
14. **smartclient 传参**:SmartClient可以通过URL参数、隐藏字段或Ajax请求将数据传递给服务器,支持复杂的参数结构和序列化。 15. **动态获取后台执行状态**:SmartClient可以实时监控服务器端任务的执行状态,...
在Web应用中,通常使用Ajax技术来实现前后端的异步通信。以JavaScript为例,我们可以使用`XMLHttpRequest`对象或者现代浏览器的`fetch` API来发送JSON数据。 - **使用XMLHttpRequest**: ```javascript var xhr = ...