Jquery常用表单元素操作总结
页面当中经常要做一些checkbox,radio,select,input等表单元素的操作。做为我这样的懒人早就该总结以下,免去用到的时候,不想从头写,又不得不去以前的代码中翻。下面的代码来自实际项目中,亲测可用。呵呵……
一、checkbox
对checkbox的判断往往是checkbox有没有被勾选。也经常有一个复选框控制其它全部复选框的选中和取消选中。如下图:
页面左上角的复选框的选中控制表格中所有的复选框。代码如下:
为了操作方便,给控制全选的复选框增加一个id叫checkAll
下面的代码实现了全选和反选的效果
<th><input type="checkbox" id="checkAll"/></th>
$('#checkAll').change(function(){if($(this).is(':checked')){$("input[type='checkbox']").prop("checked",true);}else{$("input[type='checkbox']").prop("checked",false);}});
获取所有选中的checkbox的值
以上图为例,我要获取表格中每一行记录的id值,则给每一个checkbox增加一个value属性,在渲染页面时将value值写到checkbox中即可。另外为了方便选取checkbox为所有的checkbox增加了一个chkbox的class。
<td><input type="checkbox" value="` record`.`id `" class="chkbox"/></td>
functioncheckValue(){vararr=''$(".chkbox").each(function(){if($(this).is(":checked")){arr+=($(this).val()+',')}})returnarr}
未完待续……
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。