jQuery是目前最常用的JavaScript庫之一,它可以讓我們更加方便地操作HTML文檔的元素和屬性。在實現radio選中功能時,jQuery也提供了非常便捷的方法
$(document).ready(function(){ // 給radio添加點擊事件 $('input[type="radio"]').click(function(){ // 如果當前radio被選中 if($(this).is(':checked')){ // 將所有其他的radio取消選中 $('input[type="radio"]').not(this).prop('checked', false); } }); });
以上代碼中,我們通過給所有類型為radio的input元素添加點擊事件,判斷當前元素是否被選中,并用not()方法將所有其他radio元素取消選中,從而實現了只有一個radio被選中的功能。
除了以上代碼,我們也可以使用jQuery的attr()方法來實現radio選中的功能。代碼如下:
$(document).ready(function(){ $('input[type="radio"]').click(function(){ // 取消所有radio的選中狀態 $('input[type="radio"]').attr('checked', false); // 將當前radio設置為選中狀態 $(this).attr('checked', true); }); });
以上代碼中,我們同樣給所有類型為radio的input元素添加點擊事件,使用attr()方法獲取和設置屬性值,每次點擊時取消所有radio的選中狀態,然后將當前被點擊的元素設置為選中狀態,從而實現一個radio選中的效果。
上一篇div css長高