溫馨提示×

jQuery 操作input中radio的技巧

小云
214
2023-08-15 12:58:21
欄目: 編程語言

以下是幾種操作input中radio的jQuery技巧：

  1. 獲取選中的radio的值：
var selectedValue = $('input[name=radioName]:checked').val();

這將返回選中的radio的值。

  1. 設(shè)置radio為選中狀態(tài)：
$('input[name=radioName][value=radioValue]').prop('checked', true);

這將將指定的radio設(shè)置為選中狀態(tài)。

  1. 獲取所有radio的值：
var radioValues = [];
$('input[name=radioName]').each(function() {
radioValues.push($(this).val());
});

這將返回一個包含所有radio的值的數(shù)組。

  1. 禁用radio：
$('input[name=radioName]').prop('disabled', true);

這將禁用所有radio。

  1. 監(jiān)聽radio的改變事件：
$('input[name=radioName]').change(function() {
// 執(zhí)行某些操作
});

這將監(jiān)聽所有radio的改變事件，并在改變時執(zhí)行指定的操作。

這些是一些常用的jQuery操作input中radio的技巧，你可以根據(jù)具體的需求選擇適合的方法來操作radio。

0 踩