用Ajax将checkbox选中的值发送给后台

献上代码

var postInstall=function(data,fn){                           //发送请求
	var xhr = new XMLHttpRequest();
	var url="";              //地址,注意不要跨域
	xhr.open("post", url);
	xhr.setRequestHeader("content-type", "application/json");
	xhr.onreadystatechange = function() {
		if(xhr.readyState == 4) {
			var str=xhr.responseText;
			console.log(str);
			var obj=JSON.parse(str);
			if(typeof(fn)=="function"){
				fn(obj);
			}
		}
	}
	data=JSON.stringify(data);
	xhr.send(data);
}
//轮巡var Timer=setInterval(function(){ var xhr = new XMLHttpRequest(); var url=""; xhr.open("GET", url); xhr.setRequestHeader("content-type", "application/json"); xhr.onreadystatechange = function() {  if(xhr.readyState == 4) {  } }},2000);              // 200秒内持续
document.addEventListener(‘click‘,function(evt){
	if(!evt.target.matches(".yes")){
		return;
	}
	var data={                                         //发送的数据
		environ:document.getElementById("environ").checked,
		keystone:document.getElementById("keystone").checked,
		glance:document.getElementById("glance").checked,
	}
	postInstall(data,function(resdata){
		if(resdata.status=="OK"){
			alert("发送成功");
		}
	});
});
时间: 2024-11-07 09:12:49

用Ajax将checkbox选中的值发送给后台的相关文章

webform开发经验(一):Asp.Net获取Checkbox选中的值

webform中获取repeat控件列表下的checkbox选中的值: 码农上代码: public static string getSelectedIDs(Repeater Rpt_) { string res = string.Empty; foreach (RepeaterItem rtpItem in Rpt_.Items) { HtmlInputCheckBox obj = rtpItem.FindControl("checkbox") as HtmlInputCheckBo

jQuery获取checkbox选中的值

1.问题背景 有几个多选框,选择其中的几个,获取选中的值 2.设计源码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head>

JavaScript、jQuery获取radio、checkbox选中的值

1 <div > 2 性别:<input type="radio" id="Radio1" name="rdoSex" value="男"/>男 3 <input type="radio" id="Radio2" name="rdoSex" value="女"/>女 4 <input type="

作品第一课----获取批量checkbox选中的值

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> </head>

写一个简单的form表单,当光标离开表单的时候表单的值发送给后台

1 <body> 2 <form action="index.php"> 3 <input type="text" name="txt" id="txt" value="abc"> 4 </form> 5 <script> 6 window.onload=function () { 7 var form=document.forms[0]; 8 v

实现前端table中checkbox全选功能,并将选中的数据发送到后端

一.需求 1. 点击这个checkbox按钮,会选中下面所用checkbox,当然在选中的情况下点击,会将下面所有选中的checkbox取消: 2. 当下面使用submit的提交按钮时,会将所有checkbox选中的数据提交给后端: 二.实现 1.实现全选checkbox功能 技术分析:其实这里可以使用js活着jquery两种方式,我暂时使用的是js中的dom实现的,具体代码如下: <!DOCTYPE html> <html> <head> <title>实

checkbox选中并通过ajax传数组到后台接收

这次讲的是通过复选框,选中,点击提交,并将值chuan到后台controller.这个应用是比较广的,什么批量修改,批量添加,授权管理等等,都用到这个.其实这个还是挺简单的,并没有想象中的那么难,但我看到不少朋友在此处受挫,当然曾经的我也是如此.现在给大家贴个代码分享下吧. 本文中使用的是layui框架,当然也可以不引进它,不过jquery的库还是要的. 该示例环境是spring+springmvc+mybatis plus+jdk8+mysql57+maven3以上+window10(linu

Jquery实际应用,判断radio,selelct,checkbox是否选中及选中的值

jquery取radio单选按钮的值 $("input[name='items']:checked").val(); 另:判断radio是否选中并取得选中的值 如下所示: function checkradio(){ var item = $(":radio:checked"); var len=item.length; if(len>0){ alert("yes--选中的值为:"+$(":radio:checked")

checkbox选中的问题(Ajax.BeginForm)

判断checkbox选中的方法方法一:if ($("#checkbox-id")get(0).checked) { // do something} 方法二:if($('#checkbox-id').is(':checked')) { // do something} 方法三:if ($('#checkbox-id').attr('checked')) { // do something} 在一些特殊的情况下 checkbox选中会取不到 属性 checked, 如:Ajax.Begi