在使用 jQuery 的時(shí)候,原生的 radio 控件獲取選中的值有些麻煩,因?yàn)?radio 控件必須在同一組中,而獲取到的值也不是直接的值,需要進(jìn)一步處理。jQuery 提供了方便的方法來(lái)獲取和設(shè)置 radio 控件的值。
$(document).ready(function() {
// 獲取選中的值
var selectedValue = $('input[name=radioGroupName]:checked').val();
console.log(selectedValue);
// 設(shè)置選中的值
$('input[name=radioGroupName][value=' + selectedValue + ']').prop('checked', true);
});
上面的代碼中,我們首先通過(guò)$('input[name=radioGroupName]:checked')
獲取選中的 radio 控件,然后通過(guò).val()
方法獲取其值。注意,這里的radioGroupName
是同一組 radio 控件的共同名稱。
接著,如果想要設(shè)置 radio 控件的值,我們可以使用.prop('checked', true)
方法來(lái)設(shè)置選中狀態(tài)。同樣地,我們需要先找到要設(shè)置的 radio 控件的元素,這里我們用$('input[name=radioGroupName][value=' + selectedValue + ']')
找到選中值對(duì)應(yīng)的控件。
總的來(lái)說(shuō),使用 jQuery 來(lái)獲取和設(shè)置 radio 控件的值不僅方便還可以避免一些麻煩。希望這篇文章能對(duì)你有所幫助。
上一篇類名css
下一篇dockerwin64