关于js的一些常用小知识点（持续更新）

1、获取页面中所有选中的CheckBox复选框的值

var obj = document.getElementsByName("checkbox1");
var check_val = "";
for (var i = 0; i < obj.length; i++) {
	if (obj[i].checked) {
		check_val = obj[i].value + ',' + check_val;
	}
}
console.info(check_val);

2、js获取网页URL中所带的参数

如：http://127.0.0.1:1110/move-check/ms/lookScoreSum.html?projectId=5c307e118b88988&leader=2
我们的这个路径带了我们需要的参数，projectId 和leader

var projectId = getQueryString("projectId");
var leader= getQueryString("leader");

3、js模拟点击button

document.getElementById(id).click();

4、前端传入后台list，后台是不能接收List的，就需要传的时候转化一下，把list转成String，后台用一个String型接收就可以了

http({
	data: {
		contentList:JSON.stringify(contentList)
	},
	url: '',
	type: 'post',
	dataType: 'json',
	async: true,
	success: function(data) {
		
	}
})

5、监听CheckBox

//监听CheckBox
$(document).on('change',"#checkbox2",function(){
    if ($(this).is(':checked')) {
        //这里写选中的时候，我们需要做什么
    }else{
		//这里写取消选中的时候，我们需要做什么
    }
})

6、获取radio的值

var value= $("input[name='radio1']:checked").val();
//下面这个是获取这个radio中藏的其他值，因为有时候一个值不够用
var institutionsId = $("input[name='radio1']:checked").attr("data_institutionsId");

//HTML是这样的,这里说一下，：data-data_institutionsId 的用法是vue的用法
<input name="radio1" type="radio" :data_institutionsId="expert.institutionsId" :value="expert.id">

7、document.querySelectorAll（）一些用法

//这个方法返回的是NodeList 对象。

// 获取文档中所有的 <p> 元素
var x = document.querySelectorAll("p");  

// 获取文档中所有 class="example" 的 <p> 元素
var x = document.querySelectorAll("p.example"); 
// 设置 class="example" 的第一个 <p> 元素的背景颜色
x[0].style.backgroundColor = "red";


// 获取文档中 class="example" 的所有元素
var x = document.querySelectorAll(".example");

// 获取文档中 id="example" 的所有元素
var x = document.querySelectorAll("#example")

// 获取页面中所有的Checkbox节点
var x= document.querySelectorAll("[type=checkbox]");

// 获取页面中id为thisOne下面所有的Checkbox节点
var x= document.querySelectorAll("#thisOne [type=checkbox]");


//计算文档中 class="example" 的元素的数量（使用 NodeList 对象的 length 属性）:
var x = document.querySelectorAll(".example").length;

//查找文档中共包含 "target" 属性的 <a> 标签
var x = document.querySelectorAll("a[target]");

//给文档中所有的 <h2>, <div> 和 <span> 元素设置背景颜色
var x = document.querySelectorAll("h2, div, span");

8、hasClass，addClass，classList.remove()，classList.add()

//hasClass用来判断某个元素是否含有某个 class样式
//检查第一个 <p> 元素是否包含 "intro" 类
$("p:first").hasClass("intro")
//举例，找到页面中所有class名字为expCheck的元素，然后循环这些元素，
//判断如果当前元素含有layui-form-checked这个class就做一些操作
var list= document.getElementsByClassName('expCheck');
for (var i = 0; i < brr.length; i++) {
	if ($(list[i]).hasClass("layui-form-checked")) {
    	//写你要做的操作
    	//我这里是给他添加abc 这个class
    	$(list[i]).addClass("abc");
    	//还可以这样写，这个是添加
    	$(list[i]).classList.add("abc");
    	//这个是删除
    	$(list[i]).classList.remove("abc");
     }
}

暂时就写这么多，持续更新，写这个就是防止以后忘记，导致每次都要去搜