色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

jquery選中再取消選中

趙秋慧1年前6瀏覽0評論

Jquery是一個非常有用的Javascript框架,讓前端開發變得更加高效和簡單。在處理選中再取消選中的操作上,Jquery可以輕松完成。下面就為大家演示具體的操作。

// 選中和取消選中相同的元素
$(document).ready(function () {
$('input[type="checkbox"]').on('change', function () {
$(this).prop('checked', !$(this).prop('checked'));
});
});

上述代碼表示選中和取消選中相同的元素,給所有的checkbox綁定一個change事件,當選中其中一個元素時,就會觸發change事件。此時,我們使用Jquery的prop()方法來設置checked屬性的值,切換選中的狀態。

// 選中和取消選中不同的元素
$(document).ready(function () {
$('input[type="checkbox"]').on('change', function () {
if($(this).prop('checked')){
$('input:checkbox').not(this).prop('checked', false);
}
});
});

而當選中和取消選中不同的元素時,我們需要使用not()方法排除當前正在處理的元素,當選中一個元素時,就會取消其他元素的選中狀態。

總之,使用Jquery處理選中再取消選中的操作非常簡單,只需要掌握好相應的代碼,就可以為您的應用程序增加更好的用戶體驗。