Vérifiez si la case avec l'id est cochée JQuery

S'il vous plaît aider moi comment faire pour déterminer si une case à cocher avec l'id est cochée/décochée.

<input name="A" id="test" type="checkbox" value="A" /> 
<input name="B" id="test" type="checkbox" value="B" />
<input name="C" id="test1" type="checkbox" value="C" />
<input name="C" id="test1" type="checkbox" value="D" />

Si je coche la case id="test" et name="a", l'évènement doit se déclencher et sinon, il ne devrait pas pour le reste de la case avec un id différent des autres "test"

S'il vous plaît aider

  • Que le html n'est pas valide, l'id doit être unique. Vous pouvez utiliser data- attributs personnalisés de données et les classes css pour identifier le groupe d'éléments
InformationsquelleAutor Anand | 2015-07-02
  1. 2

    Id d'éléments dans un document donné doit être unique! Par conséquent, modifier votre code HTML à quelque chose comme ci-dessous et prendre un coup d'oeil au script.

    JS:

    $(function() {
    $(":checkbox").on("change", function() {
        //When the id is test1
        //And name is A
        //And it's checked
        if (this.id === "test1" && this["name"] === "A" && this.checked) {
            alert ("Checkbox with name A and ID test1 is checked");
        }
    });
});

    HTML:

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input name="A" id="test1" type="checkbox" value="A" /> 
<input name="B" id="test2" type="checkbox" value="B" />
<input name="C" id="test3" type="checkbox" value="C" />
<input name="C" id="test4" type="checkbox" value="D" />

    • Merci cela a fonctionné pour moi. 🙂
    • Pour être juste, il pourrait utiliser un sélecteur comme $('input[value="A"]'). Non, je ne recommanderais pas cela, mais si le HTML ont été quelque part vous ne pouvait pas le changer, vous pouvez le faire.
    InformationsquelleAutor lshettyl
  2. 0

    Id doit être Unique.... sinon, lorsque vous utilisez document.getElementById();

    Il va sélectionner la Première occurence de l'Id...

    Au lieu de mettre en œuvre, comme cela..

    <input name="A"  type="checkbox" value="A" /> 
<input name="B"  type="checkbox" value="B" />
<input name="C"  type="checkbox" value="C" />
<input name="C"  type="checkbox" value="D" />

    et de déclencher un événement sur clic oncheck de la boîte et de l'utilisation document.getElementsByName('');

    InformationsquelleAutor kavetiraviteja
  3. 0

    Puisque vous tag JQuery vous pouvez trouver utile

    AAA <input type="checkbox" id="test" />
BBB <input type="checkbox" id="test1" />
CCC <input type="checkbox" id="test2" />

    et

    $( "input" ).on( "click", function() {
  //for a specific one, but you can add a foreach cycle if you need more 
  if($('#test').is(":checked")){
      alert('is checked!');
  }else {
      alert('is NOT checked!');
  }
});
    InformationsquelleAutor Federico Massi