表单的一些操作（checkbox radio select）

Posted 2020-08-03

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