我的上篇日志中 介绍了Jquery对象的区别和DOM对象的区别,所有使用jquery方法和普通js方法判断radio是否被选中是不一样的:
1 使用Jquery方法
1.1使用:checked选择器,
checked选择器表示一起被选中的checkbox或radio
$("input[name='myinput']:checked").val()
判断是否被选中,
if( $("input[name='myinput']:checked").val()==""){
alert("没有被选中");
}
1.2 找出一组radio中被选中的那个
var item = $('input[name=items][checked]').val();
其中:[attribute]attribute为属性名,表示选中带有此属性的元素,如:$("div[id]")选中带id属性的div,没有id属性的就不会被选中。
1.3 获取select被选中的元素
var item = $('select[name='items'] option[selected]').val(); 其中,$()函数里涉及到了多个选择器,可理解为name为'items'的select 之下的被选中的那个option元素的值。
获取下拉框的值:
$('#sel').val();
清空下拉框:
$("#sel").empty();empty()是删除元素的子元素。
1.4 设置select下拉框中的第二个值为选中的值。
1.5使用Jquery对象的attr("value")方法获取对象的值
获取 文本框,文本区域:$("#txt").attr("value");
获取多选框checkbox:$("#checkbox_id").attr("value");
2 DOM对象的方法
2.1设置select下拉框中的第二个值为选中的值。使用DOM的selectedIndex属性。
$("select[name=‘items’]")[0].selectedIndex=1;
其中,selectedIndex 属性可设置或返回下拉列表中被选选项的索引号,这是属性石DOM的属性,因此jquery对象要转化为DOM对象方法。
正常我们可以这样使用:
var sel=document.getElementById("myselect");
sel.selectedIndex =1;
2.2 设置radio被选中的按钮
radio单选组的第二个元素为当前选中值 。使用DOM的checked属性。
$('input[name=items]').get(1).checked = true;