varname=$("#name").val();//通过ID获取varname=$(".name").val();//通过class获取js:
varname=document.getElementById("name").value;//通过ID获取document.getElementsByName("name").value//通过name属性获取document.getElementById("id名")是根据页面id获取元素，在一个页面中元素id必须是惟一一个，否则用这种方法将取不到其元素。id就相当于我们个人的身份证号一样，在一个世界上，每个人都是唯一的身份证号。如果页面中没有此id，会找不到你要找的元素，就会报null的错误。
用getElementsByName()用这种方法是根据页面的元素名来获取页面元素，在一个页面中，元素id是唯一的，但是页面的元素名字name可以是重复的，name就比如我们人名一样，在这个世界中，会有重名的存在。假设一个两个名叫汤姆的人在一起，其他人过来找汤姆，就会直接找到两个，在页面中也是一样，这种方法，我们会得到一个数组。如果我们找到某个具体的页面元素，可以在此方法后面添加一个下标"[整数]"，下标是从0开始的，此整数也就是在页面中你要获取的此元素的位置减一。
2）获取radio选中的选项
jQuery：
以性别为例：
//获取性别vargender=$("input:radio[name='gender']:checked").val();js:
vargender=document.getElementByName("gender");varselectvalue="";//selectvalue为radio中选中的值for(vari=0;i 以民族为例：民族：
$("#nation").change(function(){//获取select下拉选中选中的option的值varvalue=$("#nationoption:selected").val();});js:
varmyselect=document.getElementById("nation");//获取select对象：varindex=myselect.selectedIndex;//拿到选中项的索引，selectedIndex代表的是你所选中项的indexmyselect.options[index].value;//拿到选中项options的value：myselect.options[index].text;//拿到选中项options的text：4）获取checkbox（复选框）选中的内容
以爱好为例：
varhobby=[];$(".hobbyinput").each(function(){if($(this).prop("checked")){//array.push():在数组尾部添加新的元素，//并返回新的数组长度。hobby.push($(this).val());}});将hobby数组转为字符串格式
if(hobby.length!=0){//join方法会返回一个字符串。该字符串是通过把hobby的每个元素转换为字符串，//然后把这些字符串连接起来，在两个元素之间插入"、"字符串而生成的。hobby=hobby.join("、");hobby="爱好："+hobby;}js:
functionshow(){obj=document.getElementsByName("hobby");check_val=[];for(kinobj){if(obj[k].checked)check_val.push(obj[k].value);}alert(check_val);}