在使用jQuery處理表單時,有時候會需要設置一些checkbox不可選,但是直接禁用checkbox會導致其值無法傳遞到后端,因此最好的方式是將其設置為不可點擊。
$('input[type=checkbox]').click(function(){ if($(this).prop('checked')){ $(this).prop('disabled', true); alert('該選項不可選!'); } });
上述的代碼會在用戶點擊可選的checkbox時,將其禁用并彈出提示框。在實際應用中,需要根據具體情況進行修改,但是基本思路是一樣的。
除了通過click事件控制checkbox的可選狀態外,也可以在加載頁面時直接設置不可選:
$('input[type=checkbox]').prop('disabled', true);
上述的代碼會將所有的checkbox都設置為不可選狀態。
使用jQuery可以輕松地設置checkbox不可選,但是需要注意不要直接禁用checkbox,否則會導致提交表單時出現異常。