随笔 - 170  文章 - 0  评论 - 349  阅读 - 234万

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(); //清空下拉框
posted on   zock  阅读(2893)  评论(3编辑  收藏  举报
努力加载评论中...

点击右上角即可分享
微信分享提示