:::| 目前位置圖示目前位置:首頁圖示回首頁 | 主功能頁圖示相關問答
jQuery的checkbox設定值

[日期]:2023/10/11  [瀏覽人數]:122

jQuery取form checkbox的值

$('id').val();

是否選中

$('id').arrr('checked')   //jQuery1.6版以前使用

1.6以後版本使用

$('id').prop('checked');

如:若checkbox的id=DelSelallproduction,當被勾選時將DelsubformSel1~9設定為勾選,再點一下變不勾選,

可以寫個function判別勾選全部或取消全部

function Clickchecksubform() {
if  ($('#DelSelallproduction').prop('checked')) {
        ($('#DelsubformSel1').prop('checked',true) );
        ($('#DelsubformSel2').prop('checked',true) );
        ($('#DelsubformSel3').prop('checked',true) );
        ($('#DelsubformSel4').prop('checked',true) );
        ($('#DelsubformSel5').prop('checked',true) );
        ($('#DelsubformSel6').prop('checked',true) );
        ($('#DelsubformSel7').prop('checked',true) );
        ($('#DelsubformSel8').prop('checked',true) );
        ($('#DelsubformSel9').prop('checked',true) );
    }
 
else {
        $('#DelsubformSel1').prop('checked',false);
        $('#DelsubformSel2').prop('checked',false);
        $('#DelsubformSel3').prop('checked',false);
        $('#DelsubformSel4').prop('checked',false);
        $('#DelsubformSel5').prop('checked',false);
        $('#DelsubformSel6').prop('checked',false);
        $('#DelsubformSel7').prop('checked',false);
        $('#DelsubformSel8').prop('checked',false);
        $('#DelsubformSel9').prop('checked',false);
     }
 }