您的位置:首页 > Web前端 > JQuery

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

2012-03-17 15:11 411 查看
获取值:

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

选中:

获取一组radio被选中项的值

var item = $('input[@name=items][@checked]').val();


获取select被选中项的文本

var item = $("select[@name=items] option[@selected]").text();


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();  //清空下拉框
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐