`

Jquery 基本控件取值 赋值

阅读更多
摘要: Jquery给基本控件的取值、赋值 TEXTBOX: var str = $('#txt').val(); $('#txt').val("Set Lbl Value"); //文本框,文本区域: $("#text_id").attr("value",'');//清空内容 $("#text_id").attr("value",'test');// 填充内容

Jquery给基本控件的取值、赋值

 

TEXTBOX:
var str = $('#txt').val();

 $('#txt').val("Set Lbl Value"); 

  1. //文本框,文本区域:
  2. $("#text_id").attr("value",'');//清空内容
  3. $("#text_id").attr("value",'test');// 填充内容

LABLE:   

var str = $('#lbl').text();

$('#lbl').text("Set Lbl Value");

  1.    var valradio = $("input[@type=radio][@checked]").val();
  2.    var item = $('input[@name=items][@checked]').val();
  3. var checkboxval = $("#checkbox_id").attr("value");
  4.    var selectval = $('#select_id').val();
  1. //多选框checkbox:
  2. $("#chk_id").attr("checked",'');//使其未勾选
  3. $("#chk_id").attr("checked",true);// 勾选
  4. if($("#chk_id").attr('checked')==true) //判断是否已经选中
  1. 单选组radio:
  2.  
  3. $("input[@type=radio]").attr("checked",'2'); //设置value=2的项目为当前选中项
  4.  
  5. //下拉框select:
  6. $("#select_id").attr("value",'test');// 设置value=test的项目为当前选中项
  7. $("<option value='test'>test</option><option value='test2'>test2</option>").appendTo("#select_id")//添加下拉框的 option
  8. $("#select_id").empty();//清空下拉框
  9.  
  10. 获取一组名为 (items)的radio被选中项的值
  11. var item = $('input[@name=items][@checked]').val();//若未被选中 则val() = undefined
  12. 获 取select被选中项的文本
  13. var item = $("select[@name=items] option[@selected]").text();
  14. select下拉框的第二个元素为当前选中值
  15. $('#select_id')[0].selectedIndex = 1;
  16. radio单选组的第二个元素为当前选中值
  17. $('input[@name=items]').get(1).checked = true;
  18.  
  19. //重置表单
  20. $("form").each(function(){
  21.    .reset();
  22. });
摘要: Jquery给基本控件的取值、赋值 TEXTBOX: var str = $('#txt').val(); $('#txt').val("Set Lbl Value"); //文本框,文本区域: $("#text_id").attr("value",'');//清空内容 $("#text_id").attr("value",'test');// 填充内容

Jquery给基本控件的取值、赋值

 

TEXTBOX:
var str = $('#txt').val();

 $('#txt').val("Set Lbl Value"); 

  1. //文本框,文本区域:
  2. $("#text_id").attr("value",'');//清空内容
  3. $("#text_id").attr("value",'test');// 填充内容

LABLE:   

var str = $('#lbl').text();

$('#lbl').text("Set Lbl Value");

  1.    var valradio = $("input[@type=radio][@checked]").val();
  2.    var item = $('input[@name=items][@checked]').val();
  3. var checkboxval = $("#checkbox_id").attr("value");
  4.    var selectval = $('#select_id').val();
  1. //多选框checkbox:
  2. $("#chk_id").attr("checked",'');//使其未勾选
  3. $("#chk_id").attr("checked",true);// 勾选
  4. if($("#chk_id").attr('checked')==true) //判断是否已经选中
  1. 单选组radio:
  2.  
  3. $("input[@type=radio]").attr("checked",'2'); //设置value=2的项目为当前选中项
  4.  
  5. //下拉框select:
  6. $("#select_id").attr("value",'test');// 设置value=test的项目为当前选中项
  7. $("<option value='test'>test</option><option value='test2'>test2</option>").appendTo("#select_id")//添加下拉框的 option
  8. $("#select_id").empty();//清空下拉框
  9.  
  10. 获取一组名为 (items)的radio被选中项的值
  11. var item = $('input[@name=items][@checked]').val();//若未被选中 则val() = undefined
  12. 获 取select被选中项的文本
  13. var item = $("select[@name=items] option[@selected]").text();
  14. select下拉框的第二个元素为当前选中值
  15. $('#select_id')[0].selectedIndex = 1;
  16. radio单选组的第二个元素为当前选中值
  17. $('input[@name=items]').get(1).checked = true;
  18.  
  19. //重置表单
  20. $("form").each(function(){
  21.    .reset();
  22. });
0
4
分享到:
评论

相关推荐

    Jquery给基本控件的取值、赋值示例

    主要介绍通过Jquery如何给基本控件的取值、赋值,需要的朋友可以参考下

    jQuery对html元素的取值与赋值实例详解

    Jquery给基本控件的取值、赋值 TEXTBOX: var str = $('#txt').val(); $('#txt').val(Set Lbl Value); //文本框,文本区域: $(#text_id).attr(value,'');//清空内容 $(#text_id).attr(value,'test');// 填充内容 ...

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

    Jquery给基本控件的取值、赋值 TEXTBOX: var str = $(‘#txt’).val(); $(‘#txt’).val(“Set Lbl Value”); //文本框,文本区域: $(“#text_id”).attr(“value”,”);//清空内容 $(“#text_id”).attr(“value”...

    浅析jQuery操作select控件的取值和设值

    1.级联select的操作,后一个select的值随着前一个...// 按照实际业务要求重新赋值option $(.select_B).append(option); }); 2.获取select选中项value值 $(.select).val(); 3.获取select选中项的文本text $(.select

    JQuery教程自学笔记

    3.3.4 JQuery UI Datepicker (时间控件) 69 3.3.5 JQuery UI Dialog (对话框) 79 3.3.6 JQuery UI Menu (JQuery菜单) 88 3.3.7 JQuery UI Progressbar (进度条) 92 3.3.8 JQuery UI Slider (滑动条) 96 3.3.9 ...

    JQuery教程自学笔记总结

    3.3.4 JQuery UI Datepicker (时间控件) 69 3.3.5 JQuery UI Dialog (对话框) 79 3.3.6 JQuery UI Menu (JQuery菜单) 88 3.3.7 JQuery UI Progressbar (进度条) 92 3.3.8 JQuery UI Slider (滑动条) 96 3.3.9...

    JQuery教程自学笔记(最新)

    3.3.4 JQuery UI Datepicker (时间控件) 69 3.3.5 JQuery UI Dialog (对话框) 79 3.3.6 JQuery UI Menu (JQuery菜单) 88 3.3.7 JQuery UI Progressbar (进度条) 92 3.3.8 JQuery UI Slider (滑动条) 96 3.3.9...

    Jquery中的CheckBox、RadioButton、DropDownList的取值赋值实现代码

    随着Jquery的作用越来越大,使用的朋友也越来越多。在Web中,由于CheckBox、 Radiobutton 、 DropDownList等控件使用的频率比较高,就关系到这些控件在Jquery中的操作问题

    EasyUI应用(项目实战)

    jquery入门基础,jquery赋值取值,事件处理和绑定,提交数据,datagrid控件显示数据,分页,事件处理;Tabs控件动态创建多标签;datebox日期时间控件的赋值和取值;window弹出窗口应用;tree创建树形菜单,部门列表...

    .net2.0论坛 源码

    10)如何在WebForm编程模型下做到简化你对控件取值或赋值的过程; 11)提供非常多实用的函数供你使用,在Globals.cs文件中; 12)向你展示一个论坛应该具有的所有基本功能,以及该如何来设计表结构; 数据库在DB_51...

    蜘蛛侠论坛2.0 源代码

    10)如何在WebForm编程模型下做到简化你对控件取值或赋值的过程; 11)提供非常多实用的函数供你使用,在Globals.cs文件中; 12)向你展示一个论坛应该具有的所有基本功能,以及该如何来设计表结构; 论坛演示地址...

    数字金额千分位.zip

    该控件封装十分完美,可媲美手机里的计算器输入效果。压缩包包含js文件,以及文本框赋值,取值示例。该控件封装十分完美,可媲美手机里的计算器输入效果。

Global site tag (gtag.js) - Google Analytics