lundi 23 janvier 2017

Uncheck a checkbox when another checkbox is checked

I have trouble to create a script that deselect a chebock when the other on the same line is selected

        function uncheck1(){
            document.getElementById("check1").checked = true;
            document.getElementById("check2").checked = false;
            document.getElementById("select").disabled = true;
        }
        function uncheck2(){
            document.getElementById("check1").checked = false;
            document.getElementById("check2").checked = true;
            document.getElementById("select").disabled = false;
        }
    <form name="form" action="action.php" method="post">
  <table>
    <tr>
      <td>
        <input type="hidden" value="Carrizo J." name="player[]" />
      </td>
      <td>
        <label>Carrizo J.</label>
      </td>
      <td>
        <input id="check1" onclick="uncheck1()" type="checkbox" name="titolare[]" value="0" checked="" />
      </td>
      <td>
        <input id="check2" onclick="uncheck2()" type="checkbox" name="titolare[]" value="1" />
      </td>
      <td>
        <select id="select" name="ordine[]" disabled>
          <option>1</option>
          <option>2</option>
        </select>
      </td>
    </tr>
    <tr>
      <td>
        <input type="hidden" value="Handanovic S." name="player[]" />
      </td>
      <td>
        <label>Handanovic S.</label>
      </td>
      <td>
        <input id="check1" onclick="uncheck1()" type="checkbox" name="titolare[]" value="0" checked="" />
      </td>
      <td>
        <input id="check2" onclick="uncheck2()" type="checkbox" name="titolare[]" value="1" />
      </td>
      <td>
        <select id="select" name="ordine[]" disabled>
          <option>1</option>
          <option>2</option>
        </select>
      </td>
    </tr>
    <tr>
      <td>-</td>
      <td>-</td>
      <td>-</td>
    </tr>
    <tr>
      <td>-</td>
      <td>-</td>
      <td>-</td>
    </tr>
  </table>
</form>

This is the final result

As well as, obviusly, it works only the first line. If I check the right one, the left one is unchecked and the select is enabled. Then if I check the left one, the right one is unchecked and select is disabled.

Is there a way to be able to do the same things to other 24 lines, without having to write 2 functions for each?




Aucun commentaire:

Enregistrer un commentaire