`

【转】Jquery给基本控件的取值、赋值

    博客分类:
  • js
js 
阅读更多

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. /*获取单选按钮的值*/
  2.    var valradio = $("input[@type=radio][@checked]").val();
  3. /*获取一组名为(items)的radio被选 中项的值*/
  4.    var item = $('input[@name=items][@checked]').val();
  5. /* 获取复选框的值*/
  6. var checkboxval = $("#checkbox_id").attr("value");
  7. /* 获取下拉列表的值*/
  8.    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(Value); //文本框,文本区域: $(“#text_id”).attr(“value”,”);//清空内容 $(“#text_id”).attr(“value”,’test’);//填充内容 LABLE: var str =$(...

    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对HTML元素取值与赋值的基本操作,这些方法使得开发者能够方便地处理网页上的各种输入控件,提高开发效率。在实际应用中,还可以结合其他jQuery方法和选择器来实现更复杂的功能。

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

    ### Jquery 表单取值赋值的基本操作与高级选择器详解 #### 一、概述 JQuery 是一款流行的 JavaScript 库,它极大地简化了 HTML 文档遍历、事件处理、动画以及 Ajax 交互等任务。本文将详细介绍如何使用 JQuery 进行...

    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...

    weui 时间控件含全天 上午 下午 选择

    2. `jquery-weui.css`:这可能是WeUI扩展的jQuery插件样式文件,提供了与jQuery插件相关的样式支持,包括我们讨论的时间控件。 3. `example.css`:示例样式文件,可能包含了一些具体示例的定制样式,用于展示如何在...

    浅析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中的CheckBox、RadioButton、DropDownList的取值赋值实现代码

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

    bootstrap下拉框动态赋值方法

    在提供的内容中,实现动态赋值主要使用了jQuery库和AJAX技术。AJAX(Asynchronous JavaScript And XML)是一种在无需重新加载整个页面的情况下,能够更新部分网页的技术。jQuery是一个快速、小巧、功能丰富的...

    基于MVC4+EasyUI的Web开发框架形成之旅之界面控件的使用

    赋值和取值可以通过jQuery的`.val()`方法实现: ```javascript $("#Name").val(info.Name); // 赋值 var name = $("#Name").val(); // 取值 ``` 对于验证,我们可以添加数据选项如`required`(必填)和`validType`...

    EasyUI应用(项目实战)

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

    JQuery从头学起第二讲

    ### JQuery入门基础 JQuery是一个快速、小巧、功能丰富的JavaScript库。...本篇文章将会继续深入学习...下一讲将会继续围绕JQuery选择器,更详细地讨论常用控件的取值和赋值等操作,帮助我们进一步提升前端开发的技能。

    .net2.0论坛 源码

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

    jquery中html、val与text三者属性取值的联系与区别介绍

    在jQuery中,`html()`, `val()`, 和 `text()` 是三个常用的方法,它们用于获取和设置HTML元素中的内容。下面将详细解释这三个方法的联系与区别。 1. `html()` - 无参 `html()`:该方法用于获取匹配元素的第一个...

Global site tag (gtag.js) - Google Analytics