表单的一些操作(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');//填充内容 
posted @ 2016-07-04 17:25  如刀似剑  阅读(211)  评论(0)    收藏  举报