javascript - 从表中获取选定的复选框值并将这些值传递到 ajax

标签 javascript jquery

我需要从表中获取选定的复选框值并将这些值传递到ajax。下面的代码我需要将selected_Device_Mac传递到ajax。使用内部文本我要获取单个 mac 值。我想检查多个复选框并将每个 mac 值传递到 ajax 中。如何实现这一点?

function getDeviceType() {

  var selected_Device_Mac = '';

   var selected_device_id = '';


   ($('#query-type').val() === 'single'){
    if ($('#PA').is(":visible")) {

       console.log("before")
       selected_Device_Mac = document.getElementById("macaddr1").innerText;
       selected_device_id = '#Selected_Device';

       console.log("after")

   } else if ($('#MP').is(":visible")) {
       selected_Device_Mac = document.getElementById("macaddr2").value;
       selected_device_id = '#Selected_Snmp_Device';
   }

  }
   $('#cover-spin').show();


  $.ajax({

       method: "GET",
       dataType: "text",
       url: "getDeviceType",
       data: {
           mac : selected_Device_Mac,
       },

最佳答案

你的代码不干净,所以我不确定这是否是你需要的 这段代码是获取多复选框值的方法

<!DOCTYPE html>
<html>
	<head>
		<title>Title Page</title>

		<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">

	</head>
	<body>
		<input type="checkbox" value="a">a
		<input type="checkbox" value="b">b
		<input type="checkbox" value="c">c
		<input type="checkbox" value="d">d
		<input type="checkbox" value="e">e
		<button onclick="test()" class="btn btn-default">click</button>
		<!-- jQuery -->
		<script
			  src="https://code.jquery.com/jquery-1.12.4.min.js"
			  integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ="
			  crossorigin="anonymous"></script>
		<!-- Bootstrap JavaScript -->
		<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
		<script>
		var test = ()=>{
			let check_list=[];
			$('body').find("input[type=checkbox]:checked").each(function () {
                   check_list.push($(this).val());
                });
			alert(check_list);
		}
		</script>
	</body>
</html>

关于javascript - 从表中获取选定的复选框值并将这些值传递到 ajax,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54104370/

相关文章:

javascript - 将字符串添加到短语 Javascript

jQuery ajax 处理 401 未经授权

javascript - 我想在 td 的值发生变化时更改高亮 td

jquery - jQuery 是模块化的吗?如何 trim 它?

jquery - 具有动态加载内容的简单 jquery if 语句

javascript - 使用毕达哥拉斯定理移动地理点

javascript - 无论时区如何,JavaScript 中日期输入的单元测试处理

web-services - 我如何将 span 与 br 一起使用

javascript - 如何使用 Interval-Promise Node.js 模块链接 Promise?

javascript - 从数组返回一个字符串