JQuery Input 單選是一種非常常見的形式控件，可以讓用戶從多個選項中選擇一個，它是 JQuery 提供的一種方便的方式來實現單選框功能的方法。
下面是一個 JQuery Input 單選的代碼實例：
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function() {
$('input[type = "radio"]').click(function() {
var value = $(this).val();
$('#result').html('您選擇了：' + value);
});
});
</script>
</head>
<body>
<form action="" method="post">
<p><label><input type="radio" name="male" value="male"> 男性</label></p>
<p><label><input type="radio" name="female" value="female"> 女性</label></p>
<p><label><input type="radio" name="other" value="other"> 其他</label></p>
<p id="result"></p>
</form>
</body>
</html>在這個 JQuery Input 單選代碼實例中，我們首先使用 JQuery 在文檔準備就緒時為所有的單選框元素添加了單擊事件處理程序。我們通過這個處理程序來設置一個變量來存儲選中的值，然后使用這個變量將結果顯示在頁面上。
接下來，我們使用了基本的 HTML FORM 表單，其中包含了一組單選框元素。每個單選框都具有一個命名屬性（name），這些命名屬性是用于標識單選框分組的。
最后，在代碼實例中，我們通過 JQuery 選擇器選擇了一個 <p> 元素來顯示結果，當用戶單擊單選框中的任何一個時，我們使用 jQuery 的 .val() 方法來獲取選中的值，并將其顯示在顯示結果的 <p> 元素中。
上一篇ie10支持vue嗎
下一篇dockerssh安裝