JS的一些总结

1.jQuery 获取单选框（复选框）选中的状态

<input type="checkbox" name="" id="choose"/> / <input type="raido" name="" id="choose"/>
 
<script type="text/javascript">
    $(document).click(function(){
	console.log($("#choose").is(":checked"))
	console.log($("#choose").prop("checked"));
	console.log($("#choose").get(0).checked);
    })
</script>　

代码中 console 的即为jQuery获取单选框（复选框）选中的状态的方法 （$("xxxx").is(":checked")；$("xxxx").prop("checked")；$("xxxx").get(0).checked;）

这里为何不能通过$(select).attr()获取，是因为通过该方法返回的是属性的属性值，不是true和false。即单选框（复选框）为选中状态时，$("#choose").attr("checked")获取的是选中的属性，返回为checked；反之，$("#choose").attr("checked")返回undefined。

2.input-radio(单选框)值的获取/默认选中等操作

由于每一个单选框均为一个单独的input，无法用id直接获取。可通过将一组radio配置为同一个class下，统一管理。

通过class获取input框的选中值：

$("input[name='addusersex']:checked").val()

radio的常用方法：
1.获取选中值，三种方法都可以：

$('input:radio:checked').val()；
$("input[type='radio']:checked").val();
$("input[name='rd']:checked").val();

2.设置第一个Radio为选中值：

$('input:radio:first').attr('checked', 'checked');
$('input:radio:first').attr('checked', 'true');
注：attr("checked",'checked')= attr("checked", 'true')= attr("checked", true)

3.设置最后一个Radio为选中值：

$('input:radio:last').attr('checked', 'checked');
或：$('input:radio:last').attr('checked', 'true');

4.根据索引值设置任意一个radio为选中值：

$('input:radio').eq(索引值).attr('checked', 'true');索引值=0,1,2....
或：$('input:radio').slice(1,2).attr('checked', 'true');

5.根据value值设置Radio为选中值：

$("input:radio[value='女']").attr('checked','true');
$("input[value='女']").attr('checked','true');

3.JS中document.getelementbyid().value与innerHTML的区别

使用document.getElementById()可以取到页面上一个有id的元素

然后访问这个元素的属性，比如value

• 当一个元素有value属性的时候，其value才会有值

 <input type="text" id="txt1" value="hello"/>

 这样一个元素，当你使用document.getElementById(“txt1”).value时，可以得到其value值，即"hello"这个字符串。

• 如果一个元素没有value值，那么使用document.getElementById().value时是取不到。这是理所当然的，没有的东西怎么访问？
  比如一个div标记，就不一定有value值。

这时就要用----------------------innerHTML 这个是指元素中的内容

例2

一个元素有起始标记和结束标记如
<label id="lb1">this is a label</label>

 当你使用document.getElementById(“lb1”).innerHTML可以取到与之间的内容，即“this is a label”。