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");}
}

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