jQuery Pokaż-Ukryj DIV na podstawie wartości pola wyboru

Question

Za pomocą AJAX I wypełnij DIV kilkoma polami wyboru (każdy z własnym unikalnym identyfikatorem). Identyfikatory to "projectID1", "projectID2", "projectID3" i tak dalej ... Dałem wszystkim checkboxom klasę "pChk".

Moim końcowym celem jest pokazanie DIV zawierającego przycisk Prześlij, jeśli DOWOLNE z pól wyboru są zaznaczone. Jedyny przypadek ukrywania DIV zawierającego przycisk Prześlij oznacza, że ​​wszystkie pola wyboru są odznaczone.

Jednak kod, który wymyśliłem poniżej pokazuje/ukrywa DIV przycisku przycisku dla każdej instancji checkbox. Innymi słowy, jeśli mam trzy checkbooki CHECKED i I UNCHECK jeden z nich, DIV przycisku Submit zostanie ukryty.

Twoje porady ekspertów są mile widziane!

function checkUncheck() { 
    $('.pChk').click(function() { 
     if (this.checked) { 
      $("#ProjectListButton").show(); 
     } else { 
      $("#ProjectListButton").hide(); 
     } 
    }); 
} 

Answer 1

Dzieje się tak, ponieważ sprawdzasz tylko bieżące pole wyboru.

Zmień go

function checkUncheck() { 
    $('.pChk').click(function() { 
     if ($('.pChk:checked').length > 0) { 
      $("#ProjectListButton").show(); 
     } else { 
      $("#ProjectListButton").hide(); 
     } 
    }); 
} 

aby sprawdzić, czy którykolwiek z wyboru jest zaznaczone (wiele kontroli w tej linii ..).

referencyjny: http://api.jquery.com/checked-selector/

Answer 2

Można rozważyć użycie :checked selector, dostarczone przez jQuery. Coś w tym stylu:

$('.pChk').click(function() { 
    if($('.pChk:checked').length > 0) { 
     $("#ProjectListButton").show(); 
    } else { 
     $("#ProjectListButton").hide(); 
    } 
}); 

Answer 3

Jest to stary, jeśli ktoś ponownie napotyka to (przez wyszukiwanie). Prawidłowa odpowiedź z jQuery 1.7 roku jest teraz:

$('.pChk').click(function() { 
    if($(this).is(':checked')) { 
     $("#ProjectListButton").show(); 
    } else { 
     $("#ProjectListButton").hide(); 
    } 
}); 

Answer 4

ebdiv jest ustawiony style="display:none;"

jest prace pokazują & hide

$(document).ready(function(){ 
    $("#eb").click(function(){ 
     $("#ebdiv").toggle(); 
    }); 

}); 

Answer 5

używam jQuery prop

$('#yourCheckbox').change(function(){ 
    if($(this).prop("checked")) { 
    $('#showDiv').show(); 
    } else { 
    $('#hideDiv').hide(); 
    } 
}); 

Answer 6

Try to

$('.yourchkboxes').change(function(){ 
    $('.yourbutton').toggle($('.yourchkboxes:checked').length > 0); 
}); 

Sprawdza, czy zaznaczono co najmniej jedno pole wyboru.

Answer 7

Wskazówka wszystkim, którzy używają płasko-czerwonej, płasko-zielonej wtyczki, z powodu tej wtyczki odpowiedzi powyżej nie będą działać!

W takim przypadku należy użyć polecenia onchange = "do_tworzeń();" na etykiecie, na przykład: Twój check box tutaj

Powodem, dla którego nie działa, jest to, że ten Jquery tworzy wiele obiektów wokół prawdziwego pola wyboru, więc nie możesz zobaczyć, czy to się zmieniło, czy nie.

Ale jeśli ktoś kliknij prosto na pole wyboru, nie będzie działać: "(