码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2016-07-04 18:27:07      阅读:114      评论:0      收藏:0      [点我收藏+]

标签:

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‘);//填充内容 

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

标签:

原文地址:http://www.cnblogs.com/itchenpeng/p/5623475.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!