JQuery zu setzen, checkbox markiert/nicht markiert

<input type="checkbox" name="Rates">Rates<br />
<input type="checkbox" name="RatesSpecific">Rates (All-In-Rate, PV01)<br />

Diese BRAUCHEN, um zu bleiben Checkboxen (da gibt es mehr als nur diese 2). Aber wie kann ich ein JQuery-event, nur eine von diesen überprüft zu einer Zeit, und Grau das andere aus, wenn das andere aktiviert ist?

InformationsquelleAutor slandau | 2011-02-11

  1. 3

    Dies macht das checkbox-element wirken wie ein radio-button, aber Sie müssen Geschwister-Elemente.

    $("input[type=checkbox]").change(function(){
   if($(this).prop('checked')){
     $(this).siblings("input[type=checkbox]").prop('checked', false);
   }
});

    Vielleicht sollten Sie überlegen, mit radio-buttons?

    Wie mache ich Sie Geschwister? Und was ist, wenn ich zwei Sätze von Geschwistern?
    Wenn nicht sliblings, dann fügen Sie die gleiche Klasse zu Ihnen. $("input.checkbox_class").nicht($(this)).removeAttr("checked");

    InformationsquelleAutor Mārtiņš Briedis

  2. 1

    Geben Sie ein ID-Attribut, dann verwenden Sie

    
$(function() {
  $("#rates").change(function() {
    updateCheckBoxes();
  });

  $("#ratesSpecific").change(function() {
    updateCheckBoxes();
  });
});

function updateCheckBoxes() {
  if ($("#rates").val()) {
    $("#ratesSpecific").attr("disabled", "disabled");
  } else {
    $("#ratesSpecific").removeAttr("disabled");
  }

  if ($("#ratesSpecific").val()) {
    $("#rates").attr("disabled", "disabled");
  } else {
    $("#rates").removeAttr("disabled");
  }
}

    InformationsquelleAutor Chris Kuehl

  3. 0

    Check out this fiddle-Seite: http://jsfiddle.net/h682v/1/

    Habe ich mehrere Beispiele gibt, einschließlich deaktivieren der man basierend auf dem status des anderen.

    Beachten Sie, dass ein Teil deaktiviert, basierend auf anderen (Aufgaben deaktiviert deaktiviert unteren Kontrollkästchen und deaktiviert das), während andere nur deaktiviert. Überprüfen Sie alle top sind (*- Aufgaben) und dann die unteren zwei sind aktiv.

    : http://jsfiddle.net/h682v/2/ Es auch deaktiviert, die Letzte, und deaktiviert, wenn alle vorherigen ist deaktiviert.

    EDIT: Beachten Sie, dass die Art, wie ich Tat dies, wenn Sie hinzufügen, mehrere Checkboxen, die Sie bekommen, richtig behandelt - hoffentlich wird Hilfe gegeben, die Sie sagen, Sie haben "andere" Checkboxen als gut.

    InformationsquelleAutor Mark Schultheiss

Schreibe einen Kommentar