提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  前端

当前栏目

jQuery对html元素取值与赋值的方法

jQuery方法HTML 元素 赋值 取值
2023-06-13 09:15:12 时间

Jquery给基本控件的取值、赋值TEXTBOX:varstr=$("#txt").val();$("#txt").val("SetLblValue");//文本框，文本区域：$("#text_id").attr("value","");//清空内容$("#text_id").attr("value","test");//填充内容

TEXTBOX:

复制代码代码如下:

varstr=$("#txt").val();
$("#txt").val("SetLblValue");

//文本框，文本区域：
$("#text_id").attr("value","");//清空内容
$("#text_id").attr("value","test");//填充内容

LABLE:

复制代码代码如下:

varstr=$("#lbl").text();
$("#lbl").text("SetLblValue");

  varvalradio=$("input[@type=radio][@checked]").val();
  varitem=$("input[@name=items][@checked]").val();
varcheckboxval=$("#checkbox_id").attr("value")；
  varselectval=$("#select_id").val();
//多选框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的项目为当前选中项
$("<optionvalue="test">test</option><optionvalue="test2">test2</option>").appendTo("#select_id")//添加下拉框的option
$("#select_id").empty()；//清空下拉框

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

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

相关文章