jquery表单操作总结
文本框,文本区域:
1.清空内容
$(“#txt”).attr(“value”,”");
2.填充内容
$(“#txt”).attr(“value”,”11″);
3.取值
方法一:var textval = $(“#txt”).attr(“value”);
方法二:var textval = $(“#text”).val();
单选组radio
1.获取一组radio被选中项的值
方法一:var value = $(‘input[@name=items][@checked]‘).val();
方法二:var value = $(“input[@type=radio][@checked]“).val();
2.设置单选组radio的第二个元素为当前选中值
$(‘input[@name=items]‘).get(1).checked = true;
3.设置value=2的项目为当前选中项
$(“input[@type=radio]“).attr(“checked”,’2′);
下拉框select
1.获取select被选中项的文本
var text = $(“select[@name=items] option[@selected]“).text();
2.获取select被选中项的值
var value = $(‘#sel’).val();
3.下拉框select的第二个元素为当前选中值
$(‘#select_id’)[0].selectedIndex = 1;
4.设置value=-sel3的项目为当前选中项
$(“#sel”).attr(“value”,’-sel3′);
5.添加下拉框的option
$(“<option value=’1′>1111</option><option value=’2′>2222</option>”).appendTo(“#sel”);
6.清空下拉框
$(“#sel”).empty();
多选框checkbox:
1.不打勾
$(“#chk1″).attr(“checked”,”);
2.打勾
$(“#chk2″).attr(“checked”,true);
3.判断是否已经打勾
if($(“#chk1″).attr(‘checked’)==undefined)
4.取值
var checkboxval = $(“#checkbox_id”).attr(“value”);
5.多选框checkbox被选中的个数
$(‘input[name=id[]][checked]‘).length
6.判断多选框checkbox是否至少有一个选中
if($(‘input[name=id[]][checked]‘).length == 0)
表单form
提交表单
$(‘#form1′).submit(function() {});
1.清空内容
$(“#txt”).attr(“value”,”");
2.填充内容
$(“#txt”).attr(“value”,”11″);
3.取值
方法一:var textval = $(“#txt”).attr(“value”);
方法二:var textval = $(“#text”).val();
单选组radio
1.获取一组radio被选中项的值
方法一:var value = $(‘input[@name=items][@checked]‘).val();
方法二:var value = $(“input[@type=radio][@checked]“).val();
2.设置单选组radio的第二个元素为当前选中值
$(‘input[@name=items]‘).get(1).checked = true;
3.设置value=2的项目为当前选中项
$(“input[@type=radio]“).attr(“checked”,’2′);
下拉框select
1.获取select被选中项的文本
var text = $(“select[@name=items] option[@selected]“).text();
2.获取select被选中项的值
var value = $(‘#sel’).val();
3.下拉框select的第二个元素为当前选中值
$(‘#select_id’)[0].selectedIndex = 1;
4.设置value=-sel3的项目为当前选中项
$(“#sel”).attr(“value”,’-sel3′);
5.添加下拉框的option
$(“<option value=’1′>1111</option><option value=’2′>2222</option>”).appendTo(“#sel”);
6.清空下拉框
$(“#sel”).empty();
多选框checkbox:
1.不打勾
$(“#chk1″).attr(“checked”,”);
2.打勾
$(“#chk2″).attr(“checked”,true);
3.判断是否已经打勾
if($(“#chk1″).attr(‘checked’)==undefined)
4.取值
var checkboxval = $(“#checkbox_id”).attr(“value”);
5.多选框checkbox被选中的个数
$(‘input[name=id[]][checked]‘).length
6.判断多选框checkbox是否至少有一个选中
if($(‘input[name=id[]][checked]‘).length == 0)
表单form
提交表单
$(‘#form1′).submit(function() {});