爱程序网

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();

选中:

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(); //清空下拉框

关于爱程序网 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助