Határozza meg, hogy megtalálja-elemet lett bejelölve

szavazat
-1

Van egy bootstrap modális ablak, és benne van egy bootstrap lista-group-elem a gombok. Az én jquery / js tudom engedélyezni a küldés gombot, amikor az egyik gombra kattint, de ha rákattintok valahol a modális ablak a gomb lenyomása után a bejelölve! Hogyan lehet keresni, ez az esemény, így én is tiltották le a küldés gombra? Vagy lehet megelőzni a gombot a szerzés bejelölve, ha megnyomom valahol a modális ablakot?

Itt van a modális ablakot.

$(.removeReason).off('click').on('click', function() {
  $(#removeMember).prop('disabled', false);
});

// I need a .removeReason event that gets triggered when any button is unchecked
<div id=removeMemberModal class=modal tabindex=-1 role=dialog>
  <div class=modal-dialog role=document>
    <div class=modal-content>
      <div class=modal-header>
        <button type=button class=close data-dismiss=modal aria-label=Close><span aria-hidden=true>&times;</span></button>
        <h4 class=modal-title>@(ViewBag.IsTeacher == true ? Remove Teacher : Remove Student)</h4>
      </div>
      <div class=modal-body>
        <p>
          <h4>Why do you want to remove this @(ViewBag.IsTeacher == true ? Teacher : Student)</h4>
        </p>
        <p>
          <div class=list-group>
            <button type=button class=list-group-item removeReason>Bad Reviews</button>
            <button type=button class=list-group-item removeReason>Made offensive comment</button>
            <button type=button class=list-group-item removeReason>Shows up late or misses class altogether</button>
            <button type=button class=list-group-item removeReason>Would like to register a different @(ViewBag.IsTeacher == true ? Teacher : Student)</button>
            <button type=button class=list-group-item removeReason>Other</button>
          </div>
        </p>
        <p>
          @if(ViewBag.IsTeacher == true) {
          <div>The teacher and all registered students will be notified by email that he/she has been removed from this event.</div>
          } else {
          <div>The student will be notified that he/she has been removed from this event.</div>
          }
        </p>
      </div>
      <div class=modal-footer>
        <button type=button class=btn btn-default data-dismiss=modal>Close</button>
        <button id=removeMember data-member-id=@ViewBag.MemberId type=button class=btn btn-primary disabled>Submit</button>
      </div>
    </div>
    <!-- /.modal-content -->
  </div>
  <!-- /.modal-dialog -->
</div>
<!-- /.modal -->

A kérdést 17/02/2017 18:11
a forrás felhasználó
Más nyelveken...                            


2 válasz

szavazat
0

Oldottam ezt hozzáadásával egy aktív osztály minden gomb, hogy lesz nyomva. mint oly

$(".removeReason").off('click').on('click', function() {
  $(".removeReason").removeClass('active');
  $(this).addClass('active');
  $("#removeMember").prop('disabled', false);
});

Válaszolt 17/02/2017 18:48
a forrás felhasználó

szavazat
0

Jó megoldás megtalálni, de nézd meg az e .toggleClassmódszerrel :) http://api.jquery.com/toggleclass/

$(".removeReason").click(function() {
  $( this ).toggleClass("active");
});
Válaszolt 17/02/2017 18:51
a forrás felhasználó

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more