今天我們來講一下如何使用jQuery獲取checkbox選中的值。
$('input[name="check"]:checked').each(function() {
// 對選中的值進行操作
});上面這段代碼中，我們使用了jQuery的each()方法來循環遍歷所有被選中的checkbox。這里我們假設checkbox的name屬性為check。
接下來讓我們看一個完整的示例：
<!DOCTYPE html>
<html>
<head>
<title>jQuery獲取checkbox選中的值</title>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
</head>
<body>
<fieldset>
<legend>請選擇你的愛好:</legend>
<label><input type="checkbox" name="hobby" value="1"> 籃球</label>
<label><input type="checkbox" name="hobby" value="2"> 足球</label>
<label><input type="checkbox" name="hobby" value="3"> 游泳</label>
<label><input type="checkbox" name="hobby" value="4"> 跑步</label>
</fieldset>
<button id="submit">提交</button>
<script>
$('#submit').click(function() {
var hobbies = [];
$('input[name="hobby"]:checked').each(function() {
hobbies.push($(this).val());
});
console.log('你的愛好是:' + hobbies.join(','));
});
</script>
</body>
</html>在這個示例中，我們為了方便起見，使用了fieldset和legend標簽來組織checkbox。當用戶點擊提交按鈕時，我們會將選中的checkbox的值存入一個數組中，并使用join()方法將數組轉化為字符串輸出。
以上就是如何使用jQuery獲取checkbox選中的值的方法和示例。希望對大家有所幫助！
上一篇mysql一般有多大
下一篇單頁翻書動畫 css