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”。