2012-09-06 162 views
0

我在勾選/取消勾選複選框時遇到了一些問題。如果複選框被勾選,請執行此操作,取消選中此項

我目前使用jQuery VS 1.4

問題:

我有複選框誰的ID是由PHP循環生成的列表。

  • tickbox 1的id = checkthis_1
  • tickbox 2 ID = checkthis_2
  • tickbox 3 ID = checkthis_3

當我檢查tickbox我想要獲得該複選框的編號(1,2或3)並將其添加到隱藏字段中。當同一個複選框未被選中時,我想從隱藏字段中刪除它的ID。

我欄勾選3,3號進入我的隱藏字段。當我勾選複選框3時,數字3將從隱藏字段中刪除。

任何人都可以幫忙嗎?

在此先感謝

+3

你有沒有嘗試過的東西?你能顯示你的代碼嗎? –

+0

鑑於你知道一個複選框實際上是一個複選框, 'tickbox'是什麼意思?這是否意味着成爲班級名稱,團體名稱或其他標識符? –

回答

3

每次被點擊複選框,我們將向您所有選中的複選框並連接它們的ids ..

$(document).ready(function() { 

    $('input[type=checkbox]').click(function() { 

     var result = ''; 

     $('input[type=checkbox]:checked').each(function() { 
      result += $(this).attr('id') + ';' 
     }); 

     $('#your-hidden-field-id').val(result); 

    }); 

});​ 

DEMO

或做,使用map方法的另一種方式:

$('#your-hidden-field-id').val($('input[type=checkbox]:checked').map(function() { 
    return $(this).attr('id'); 
}).get().join(';')); 
+0

非常感謝Michal – Woz

1

用的相同的ID的複選框...

$("input#same").click(function() { 
        if ($("input#same").is(':checked')) { 
         // Checked, copy values 
         Your Hide Code 

        } 
        else { 
         // On uncheck 
         Other stuff 

        } 
       }); 

所以基本上

+0

感謝您的回覆Ryan – Woz

相關問題