快捷導(dǎo)航

JQuery單選按鈕Radio和復(fù)選框checkbox的操作代碼

更新時(shí)間：2023年08月09日 16:57:37 作者：梁云亮

這篇文章主要介紹了JQuery單選按鈕Radio和復(fù)選框checkbox的操作，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下

獲取選中值：

$('input:radio:checked').val()；
$("input[type='radio']:checked").val();
$("input[name='rd']:checked").val();
$("input[id='rand_question']:checked").val();

設(shè)置第一個(gè)Radio為選中值：

$('input:radio:first').attr('checked', 'checked');
$('input:radio:first').attr('checked', 'true');

設(shè)置最后一個(gè)Radio為選中值：

$('input:radio:last').attr('checked', 'checked');
$('input:radio:last').attr('checked', 'true');

根據(jù)索引值設(shè)置任意一個(gè)radio為選中值：

$('input:radio').eq(索引值).attr('checked', 'true');  //索引值=0,1,2....
$('input:radio').slice(1,2).attr('checked', 'true');

根據(jù)Value值設(shè)置Radio為選中值

$("input:radio[value=payMethod'001']").attr('checked','true');
$("input[value=payMethod'001']").attr('checked','true');

刪除指定Value值的Radio

$("input:radio[value=payMethod001]").remove();

刪除第幾個(gè)Radio

$("input:radio").eq(索引值).remove();   //索引值=0,1,2....
//刪除第3個(gè)Radio:
$("input:radio").eq(2).remove();

遍歷Radio

let ids = [];
$('input:radio').each(function(index,domEle){
     //寫(xiě)入代碼
     ids.push($(this).val());
});
ids = ids.join(',');

到此這篇關(guān)于JQuery操作單選按鈕Radio和復(fù)選框checkbox的文章就介紹到這了,更多相關(guān)JQuery操作單選按鈕Radio內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章:

相關(guān)文章

jQuery實(shí)現(xiàn)字符串按指定長(zhǎng)度加入特定內(nèi)容的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)字符串按指定長(zhǎng)度加入特定內(nèi)容的方法,實(shí)例分析了jQuery操作字符串的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-03-03
jQuery實(shí)現(xiàn)貪吃蛇小游戲（附源碼下載）
網(wǎng)上關(guān)于JS實(shí)現(xiàn)貪吃蛇的文章有很多，最近閑來(lái)無(wú)事，想著利用jQury來(lái)實(shí)現(xiàn)貪吃蛇小游戲，下面實(shí)現(xiàn)這篇文章主要介紹了利用jQuery實(shí)現(xiàn)貪吃蛇小游戲的方法，文中給出的是吸納思路和示例代碼，需要的朋友可以參考下。
2017-03-03
直接拿來(lái)用的15個(gè)jQuery代碼片段
開(kāi)發(fā)人員利用jQuery代碼不僅能給網(wǎng)站帶來(lái)各種動(dòng)畫(huà)、特效，還會(huì)提高網(wǎng)站的用戶體驗(yàn)。本文總結(jié)了開(kāi)發(fā)者經(jīng)常使用的15個(gè)jQuery代碼片段，大家可以直接拿來(lái)用。
2015-09-09
jQuery中prevUntil()方法用法實(shí)例
這篇文章主要介紹了jQuery中prevUntil()方法用法,實(shí)例分析了按條件查找匹配元素之前所有的同輩元素的使用技巧,需要的朋友可以參考下
2015-01-01
jQuery中first()方法用法實(shí)例
這篇文章主要介紹了jQuery中first()方法用法,實(shí)例分析了first()方法的功能、定義及獲取匹配元素集合中的第一個(gè)元素時(shí)的使用技巧,需要的朋友可以參考下
2015-01-01
jQuery插件MixItUp實(shí)現(xiàn)動(dòng)畫(huà)過(guò)濾和排序
MixItUp過(guò)濾排序jQuery插件是一款鼠標(biāo)滑過(guò)圖片顯示描述的jQuery過(guò)濾排序插件。是一款輕量，但功能強(qiáng)大的 jQuery 插件，提供了對(duì)分類(lèi)和有序內(nèi)容的美麗的動(dòng)畫(huà)過(guò)濾和排序功能。特別適合用于作品集網(wǎng)站，畫(huà)廊，圖片博客以及任何的分類(lèi)或有序內(nèi)容。
2015-04-04
jQuery點(diǎn)擊輸入框顯示驗(yàn)證碼圖片
這篇文章主要為大家詳細(xì)介紹了jQuery點(diǎn)擊輸入框顯示驗(yàn)證碼圖片，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-05-05
jquery select(列表)的操作（取值/賦值）
jquery對(duì)<select>的操作比較麻煩，我把常用的收集如下
2011-03-03
npm 安裝jquery及使用教程
本文將介紹如何使用npm安裝和使用jQuery,幫助讀者解決相關(guān)問(wèn)題,并提供示例代碼,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
2023-11-11
jquery 禁止鼠標(biāo)右鍵并監(jiān)聽(tīng)右鍵事件
本篇文章主要介紹了jquery禁止鼠標(biāo)右鍵并監(jiān)聽(tīng)右鍵事件的相關(guān)知識(shí)。具有很好的參考價(jià)值。下面跟著小編一起來(lái)看下吧
2017-04-04