JQuery是一種流行的JavaScript框架，可以用于編寫交互式網頁。之前寫過JQuery的同學們肯定知道，JQuery使得操作DOM變得更加容易和簡單。有時候我們可能需要在頁面上添加復選框，這時候就可以使用JQuery來給復選框添加文本提示。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JQuery復選框文本提示</title>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
</head>
<body>
<label><input type="checkbox">選項1</label>
<label><input type="checkbox">選項2</label>
<label><input type="checkbox">選項3</label>
<script>
$(document).ready(function(){
$('input[type="checkbox"]').each(function(){
$(this).before('<span></span>');
$(this).on('change',function(){
if($(this).is(':checked')){
$(this).prev('span').text('已選中');
}
else{
$(this).prev('span').text('未選中');
}
});
});
});
</script>
</body>
</html>以上是一個簡單的例子，首先我們為每個復選框前添加了一個空的<span>標簽，在JQuery的ready函數中，通過遍歷所有的復選框，為每個復選框創建一個事件監聽器。當復選框狀態改變時，檢查其是否被選中，如果選中則將其前面的空的<span>標簽的文本設置為“已選中”，如果未選中則設置為“未選中”。
用JQuery添加復選框的文本提示，可以讓網頁更加易于操作和用戶友好。無論是做網站還是網頁應用程序，這種小技巧都可以使得用戶體驗更加順暢，更加順暢的體驗能夠提高用戶使用的頻率，讓開發者收獲更好的使用體驗。