js 选择器

  常用的JS选择器有getElementById、getElementsByName、getElementsByTagName和getElementsByClassName这四个，下面我来一一列举
　　1.getElementById(通过ID获取元素)

　　用法:document.getElementById("Id");Id为要获取的元素的id属性值。

　　2.getElementsByName(通过name属性获取元素)

　　用法:document.getElementsByName("Name");Name为要获取元素的name属性值。

　　3.getElementsByTagName(通过元素名称获取元素)

　　用法:document.getElementsByTagName("div");TagName为要获取元素的标签名称,当TagName为*的时候表示获取所有的元素,document也可以换成DOM元素,但是这样就只能获取到该DOM元素后面的子集元素。

　　4.getElementsByClassName(通过CSS类来获取元素)

　　用法:document.getElementsByClassName(ClassName);ClassName为要获取元素的CSS类名称,如果要同时获取多个的话,在每个CSS类后面用空格隔开。 如document.getElementsByClassName("class2 class1")就会获取到class1和class2样式的元素,document也可以换成DOM元素,这样也是只能获取到该DOM元素后面的子集元素。

//获取表格中所有被选中的复选框的值

var cols = "";
var fieldL=$("#table1").find(" [name]");
for(var i1=0;i1<fieldL.length;i1++){
var flag =$(fieldL[i1]).prop("checked");
if(flag==true){
var col = $(fieldL[i1]).attr("name");
if(cols!=""){
cols = cols+",";
}
cols =cols+col;
}
}

alert(cols);

//获取单选按钮当前选中的值

var value  = $('input[name="radioName"]:checked').val(); //获取被选中Radio的Value值