jeudi 30 juin 2016

uncheck checkbox when i checked other checkbox

i try and not always not working, i give up. can you help for edit my code to uncheck checkbox when i checked other checkbox.i already have the code. i hope you can help for fix this problem bro

Here's my html code:

    <div class="container">
      <center>
        <h2 style="color: white; padding-top: 32px; font-size: 50px; font-family: 'Gotham Bold';"><b>Pilih Nominal</b></h2>
        <div style="margin-top: 35px; margin-left: -22px;">

          <form action="" method="POST">
            <input type="hidden" name="sqn" value="20160625110635">
            <input type="hidden" name="saldo" value="Array">
            <input type="hidden" name="mac" value="64:70:02:4a:a7:e4">
            <input type="hidden" name="tid" value="01">
            <input type="hidden" name="msidn" value="6287875230364">
            <input type="hidden" name="typ" value="PREPAID">
            <input type="hidden" name="ip" value="192.168.1.1">
            <input type="hidden" name="cmd" value="prepaid-type">
            <table id="tab1">
              <tr>
                <td id="1">
                  <button type="button" id="c1" class="unchecked">
                    1
                  </button>
                  <input type="checkbox" name="checkAll" id="checkAll" style="display: none;">
                  <input type="checkbox" name="book1" id="book" value="book1">
                  <input type="checkbox" name="book2" id="book" value="book2">
                  <input type="checkbox" name="book3" id="book" value="book3">
                  <input type="checkbox" name="book4" id="book" value="book4">
                  <input type="checkbox" name="book5" id="book" value="book5">
                </td>
              </tr>
              <tr>
                <td id="2">
                  <button type="button" id="c2" class="unchecked">
                    2
                  </button>
                  <input type="checkbox" name="checkAll" id="checkAll2" style="display: none;">
                  <input type="checkbox" name="book1" id="book" value="book1">
                  <input type="checkbox" name="book2" id="book" value="book2">
                  <input type="checkbox" name="book3" id="book" value="book3">
                  <input type="checkbox" name="book4" id="book" value="book4">
                  <input type="checkbox" name="book5" id="book" value="book5">
                </td>
              </tr>
            </table>
            <input type="submit" name="sbm" value="Submit" class="button primary">
          </form>
        </div>

Here's my js code:

    $("#1 #checkAll").change(function() {
      if ($("#1 #checkAll").is(':checked')) {
        $("#1 input[type=checkbox]").each(function() {
          $(this).prop("checked", true);
        });
      } else {
        $("#1 input[type=checkbox]").each(function() {
          $(this).prop("checked", false);
        });
      }
    });
    $("#2 #checkAll2").change(function() {
      if ($("#2 #checkAll2").is(':checked')) {
        $("#2 input[type=checkbox]").each(function() {
          $(this).prop("checked", true);
        });
      } else {
        $("#2 input[type=checkbox]").each(function() {
          $(this).prop("checked", false);
        });
      }
    });

    $('#c1').on('click', function() {
      var $$ = $(this).next('#checkAll')
      console.log($$.is(':checked'))
      if ($$.is(':checked')) {
        $(this).toggleClass('unchecked checked');
        $('#checkAll').prop('checked', false).change();
      } else {
        $(this).toggleClass('unchecked checked');
        $('#checkAll').prop('checked', true).change();
      }
    })
    $('#c2').on('click', function() {
      var $$ = $(this).next('#checkAll2')
      if ($$.is(':checked')) {
        $(this).toggleClass('unchecked checked');
        $('#checkAll2').prop('checked', false).change();
      } else {
        $(this).toggleClass('unchecked checked');
        $('#checkAll2').prop('checked', true).change();
      }
    })

Here's my fiddle: JSFIDDLE

i hope you can help bro.




Aucun commentaire:

Enregistrer un commentaire