jQuery可以幫助我們輕松地使用單選框,下面我們來看一下具體的使用方法:
<div> <input type="radio" name="age" value="10"> <label>10歲</label> <br> <input type="radio" name="age" value="20"> <label>20歲</label> <br> <input type="radio" name="age" value="30"> <label>30歲</label> <br> </div> <script> $(document).ready(function() { $('input[type="radio"]').click(function() { $('input[type="radio"]').removeAttr('checked'); $(this).attr('checked', 'checked'); }); }); </script>
上面的代碼演示了如何使用jQuery來實現單選框的選中,我們通過綁定click事件來切換單選框的選中狀態,當用戶點擊單選框時,我們首先將所有單選框的選中狀態取消,然后將當前的單選框設置為選中狀態。
通過以上代碼,我們可以很方便地實現單選框的選中操作,這對于前端開發來說是非常有用的。