Jquery表单取值赋值的一些基本操作

最新推荐文章于 2025-03-04 17:00:45 发布

原创最新推荐文章于 2025-03-04 17:00:45 发布 · 97 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jQuery #ViewUI

本文介绍如何使用jQuery操作HTML表单元素，包括文本框、文本域、单选按钮、复选框及下拉列表等，详细讲解了如何获取这些元素的值、设置默认值、清空内容及设置选项。

/*获得TEXT.AREATEXT的值*/
var textval = $(“#text_id”).attr(“value”);
//或者
var textval = $(“#text_id”).val();
/*获取单选按钮的值*/
var valradio = $(“input[@type=radio][@checked]“).val();
/*获取一组名为(items)的radio被选中项的值*/
var item = $(‘input[@name=items][@checked]‘).val();
/*获取复选框的值*/
var checkboxval = $(“#checkbox_id”).attr(“value”)；
/*获取下拉列表的值*/
var selectval = $(‘#select_id’).val();

//文本框，文本区域：
$(“#text_id”).attr(“value”,”);//清空内容
$(“#text_id”).attr(“value”,’test’);//填充内容
//多选框checkbox：
$(“#chk_id”).attr(“checked”,”);//使其未勾选
$(“#chk_id”).attr(“checked”,true);//勾选
if($(“#chk_id”).attr(‘checked’)==true) //判断是否已经选中

//单选组radio：

$(“input[@type=radio]“).attr(“checked”,’2′);//设置value=2的项目为当前选中项

//下拉框select：
$(“#select_id”).attr(“value”,’test’);//设置value=test的项目为当前选中项
$(“testtest2“).appendTo(“#select_id”)//添加下拉框的option
$(“#select_id”).empty()；//清空下拉框

获取一组名为(items)的radio被选中项的值
var item = $(‘input[@name=items][@checked]‘).val();//若未被选中则val() = undefined
获取select被选中项的文本
var item = $(“select[@name=items] option[@selected]“).text();
select下拉框的第二个元素为当前选中值
$(‘#select_id’)[0].selectedIndex = 1;
radio单选组的第二个元素为当前选中值
$(‘input[@name=items]‘).get(1).checked = true;

//重置表单
$(“form”).each(function(){
.reset();
});