使用jquery处理多选框checkbox选中和未选中的值
生活随笔
收集整理的這篇文章主要介紹了
使用jquery处理多选框checkbox选中和未选中的值
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
今天遇到的一個(gè)問題是需要向后臺(tái)傳送多選框即具有checkbox屬性的input表單控件的值,需要分別獲取選中和未選中的值然后拼成字符串后傳遞給后臺(tái),我的解決辦法如下:
首先需要做的是分別創(chuàng)建兩個(gè)數(shù)組,然后使用jquery來定位選中和未選中的input控件,獲取方式是,選中的input控件的checked屬性是checked,因此可以直接使用過濾方法冒號(hào)加checked來獲取,而未選中的input控件我們可以通過取反的方式來獲得,即使用not(:checked)的方式來定位,然后使用each()方法循環(huán)添加到數(shù)組中,最后使用數(shù)組的join方法將元素連接即可。源代碼如下:
$('#doc-search').on('click',function(){varcheck_array = new Array(),uncheck_array = new Array();$('.tag-search input:checked').each(function(){check_array.push($(this).val());});$('.tag-search input:not(:checked)').each(function(){uncheck_array.push($(this).val());});selected_tags = check_array.join(';');unselected_tags = uncheck_array.join(';');alert(unselected_tags);});對(duì)于select標(biāo)簽也是類似的情況,我們可以通過:selected的方式來篩選被選中的option。
總結(jié)
以上是生活随笔為你收集整理的使用jquery处理多选框checkbox选中和未选中的值的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 2018招商银行笔试题——团建活动
- 下一篇: ajax级联