欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

jquery讓radio選中

胡佳莉1年前8瀏覽0評論

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選中的效果。