表单的一些操作(checkbox radio select)

1、获取checkbox选中项

$("input:checkbox:checked").val()
或者
$("input:[type=‘checkbox‘]:checked").val();
或者
$("input:[name=‘ck‘]:checked").val();

2、表单

jquery高版本(1.7)属性方法变化

  
  //勾选后输出:  //attr(‘checked‘): checked  //.prop(‘checked‘): true  //.is(‘:checked‘): true

  //取消勾选输出:

  //.attr(‘checked‘): undefined  //.prop(‘checked‘): false  //.is(‘:checked‘): false

  (1、selector设置value为pxx的项选中


  $(".selector").val("pxx");


  (2、selector设置text为pxx的项选中


  $(".selector").find("option[text=‘pxx‘]").attr("selected",true);


   这里有一个中括号的用法,中括号里的等号的前面是属性名称,不用加引号。很多时候,中括号的运用可以使得逻辑变得很简单。


  (3、 获取当前选中项的value


     $(".selector").val();


  (4.获取当前选中项的text


  $(".selector").find("option:selected").text();

  (5. 清空select

    $(‘#select‘).empty()  删除这个select下的所有的option

    $(‘#select‘).remove() 删除这个select dom元素

    jquery 中用html(‘‘)清空内容可能会造成内存泄露( jquery 对于同一元素多事件处理没有直接采用浏览器事件模型,而是自己缓存事件,遍历触发)

 (6. 内容

    文本框,文本区域:$("#txt").attr("value",‘‘);//清空内容     $("#txt").attr("value",‘11‘);//填充内容 
时间: 2024-10-12 20:25:31

表单的一些操作(checkbox radio select)的相关文章

表单的常用操作

知识点: 表单是前后端数据交互的一种重要方式,使用js操作表单也是十分常见的.不过好像每次到表单操作我都要去查API,所以本次想对表单的常用操作做个小结,以备后面随时查看. 首先,我们要知道如下的一些知识: 1. 表单字段在向后台提交数据时,使用的是表单控件的name属性的value,与id无关.(大家可以在百度搜细说表单找到Fish Li大神的这篇文章看看) 2. 表单向服务端传数据时会经过编码.目前基本上只会只使用二种编码规则:application/x-www-form-urlencode

表单与表格操作

表格操作:    插入:    插入行:    tableElement.insertRow(position)            //返回值为一个tr节点即一个rowElement.position从0开始计数.    插入单元格:    rowElement.insertCell(position)                //返回值为一个td节点即一个cellElement.position从0开始计数.        删除:    删除行:    tableElement.de

工作需求----表单多选框checkbox交互

关于多选框,反选及选取几个: 1.html内容 <!--begin checkbox--> <div class="c_n_manage_tablexx"> <input type="checkbox" class="c_n_manage_checkbox c_n_manage_check" /> 全选(已选择<span class="a_n_manage_num">0</

利用jQuery来简化radio,checkbox,select,radio表单元素的操作

获取一组radio被选中项的值 var item = $('input[@name=items][@checked]').val(); 获取select被选中项的文本 var item = $("select[@name=items] option[@selected]").text(); select下拉框的第二个元素为当前选中值 $('#select_id')[0].selectedIndex = 1; radio单选组的第二个元素为当前选中值.前端框架分享 $('input[@n

springMVC 表单联动处理 点击radio联动改变select选项

由于涉及一些业务内容,所以不过多解释以及贴无关代码了. 任务:点击radio单选框选定,动态联动刷新select中的可选items. 前台js: function getRooms(){ var location = GetRadioValue('location'); $.ajax({ type: "POST", url: "${ctx}/oa/meeting/getRooms", data: { //发送给数据库的数据 location: location },

Java+MyEclipse+Tomcat (四)Servlet提交表单和数据库操作

前面三篇文章讲述了如何配置MyEclipse和Tomcat开发JSP网站.如何配置Servlet简单实现表单提交.如何配置MySQL实现JSP数据库查询. 这篇文章主要讲述Servlet表单的提交.Java中实现数据库的查询操作和自己遇到的瓶颈及理解.Java Web基础性文章,希望对大家有所帮助~ Java+MyEclipse+Tomcat (一)配置过程及jsp网站开发入门 Java+MyEclipse+Tomcat (二)配置Servlet及简单实现表单提交 Java+MyEclipse+

表单基本属性的操作

text文本框   设置文档禁用或者获得或者失去焦点事件 button按钮 单选框   (同复选框 radio) 复选框  ( checkbox 主要是要给外面设置一个lable标签,这样在点击文字的时候也能进行选中操作) 下拉菜单 ( select标签里包含 option    设置默认选项  selected = ‘selcted’) 文本域  textarea (禁用) 设计到几个属性分别是value value 用于大部分表单元素的内容获取 input元素.textarea元素的内容通过

jquery的checkbox,radio,select等方法总结

1.checkbox日常jquery操作. 现在我们以下面的html为例进行checkbox的操作. <input id="checkAll" type="checkbox" />全选 <input name="subBox" type="checkbox" />项1 <input name="subBox" type="checkbox" />项2

ExtJS form表单常用元素操作

Ext.onReady(function() {Ext.apply(Ext.form.VTypes, {dateRange : function(val, field) {var beginDate = null;var endDate = null;if (field.dateRange) {var beginId = field.dateRange.begin;this.beginField = Ext.getCmp(beginId);var endId = field.dateRange.