jQuery基础:select、checkbox、text、radio取值、选中、删除等

获取值:

下拉框select: 获取value:$('#sel').val(); 获取text:$('#sel').find("option:selected").text()

多选框checkbox:$("#checkbox_id").attr("value");

文本框,文本区域:$("#txt").val(); 或 $("#txt").attr("value");

单选组radio: $("input[type=radio][checked]").val();

如果你看到这段文字,说明您正使用RSS阅读或转自《一棵树-博客园》,原文地址:http://www.cnblogs.com/atree/archive/2012/03/07/JQuery-select-checkbox-text-radio.html

选中:

select下拉框的第二个元素为当前选中值

$('#select_id')[0].selectedIndex = 1;

radio单选组的第二个元素为当前选中值

$('input[name=items]').get(1).checked = true;

控制表单元素:

文本框,文本区域:

$("#txt").attr("value",'');     //清空内容
$("#txt").attr("value",'11'); //填充内容

多选框checkbox:

$("#chk1").attr("checked",'');//不打勾
$("#chk2").attr("checked",true);//打勾
if($("#chk1").attr('checked')==undefined) //判断是否已经打勾

单选组radio:    

$("input[type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项

下拉框select:   

$("#sel").attr("value",'-sel3');  //设置value=-sel3的项目为当前选中项
$("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")//添加下拉框的option
$("#sel").empty(); //清空下拉框
posted on 2012-03-12 22:42  zock  阅读(2889)  评论(3编辑  收藏  举报