JQuery对表单元素的基本操作使用总结

2020-05-22 17:04:54易采站长站整理

$("#select_id option
").remove(); //删除Select中Text='4'的Option

//2.jquery对radio的基本操作
var item = $('input[@name=items][@checked]').val(); //获取一组radio被选中项的值
var rval = $("input[@type=radio][@checked]").val(); //得到单选框的选中项的值(注意中间没有空格)
$('input[@name=items]').get(1).checked = true; //radio单选组的第二个元素为当前选中值
$("input[@type=radio]").attr("checked",'2'); //设置value=2的项目为当前选中项
$("input[@type=radio][@value=2]").attr("checked",'checked'); //设置单选框value=2的为选中状态.(注意中间没有空格)

//3.jquery对checkbox的基本操作
$("#checkbox_id").attr("value"); //多选框checkbox
$("input[@type=checkbox][@checked]").val(); //得到复选框的选中的第一项的值
$("input[@type=checkbox][@checked]").each(function(){ //由于复选框一般选中的是多个,所以可以循环输出
alert($(this).val());
});
$("#chk1").attr("checked",'');//不打勾
$("#chk2").attr("checked",true);//打勾
if($("#chk1").attr('checked')==undefined) //判断是否已经打勾

//4.jquery对text的基本操作
$("#txt").attr("value"); //文本框,文本区域:
$("#txt").attr("value",''); //清空内容
$("#txt").attr("value",'11');//填充内容