Как делать кнопку, которая с click выбирала бы все checkbox и с другим click deseleccionen (и я изменил имя)?

Я нуждаюсь в том, чтобы сделать кнопку, которую он говорил бы "Выбирать все" и который, когда он ему будет дан click, выбрали все checkbox, и изменит Ваше имя в "Deseleccionar совсем" для того, чтобы, когда ему будут даны снова click deseleccionen все и изменят имя, чтобы "Выбирать все". Как он мог бы делать ему?

Я это сделал с двумя кнопками: один, чтобы выбирать все и другой для deseleccionar совсем, но мне делается, что с кнопкой, чтобы делать, все это мне было бы сделано более работоспособным.

Так это у меня есть с двумя кнопками:

$(document).ready(function() {
  $('#BtnSeleccionar').click(function() {
    $('#meses input[type=checkbox]').prop("checked", true);
  });

  $('#BtnDeseleccionar').click(function() {
    $('#meses input[type=checkbox]').prop("checked", false);
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
<div class="meses" id="meses">
  <div class="reci-header">Seleccione los meses:</div>
  <div class="col1">
    <input type="checkbox" name="mes1" value="01"> Enero<br>
    <input type="checkbox" name="mes4" value="04"> Abril<br>
    <input type="checkbox" name="mes7" value="07"> Julio<br>
    <input type="checkbox" name="mes10" value="10"> Octubre<br>
  </div>
  <div class="col1">
    <input type="checkbox" name="mes2" value="02"> Febrero <br>
    <input type="checkbox" name="mes5" value="05"> Mayo<br>
    <input type="checkbox" name="mes8" value="08"> Agosto<br>
    <input type="checkbox" name="mes11" value="11"> Nov.<br>
  </div>
  <div class="col1">
    <input type="checkbox" name="mes3" value="03"> Marzo <br>
    <input type="checkbox" name="mes6" value="06"> Junio <br>
    <input type="checkbox" name="mes9" value="09"> Sept. <br>
    <input type="checkbox" name="mes12" value="12"> Dic. <br>
  </div>
  <input type="button" id="BtnSeleccionar" value="Seleccionar todo">
  <input type="button" id="BtnDeseleccionar" value="Deseleccionar todo">
</div>
-3
задан 27.06.2017, 18:22
1 ответ

У тебя может быть переменная flag, которая была бы bool, который говорил бы тебе, ли выбран или нет он, и в зависимости от этой переменной выбирать все или не и менять ему имя кнопки с jquery с $.val().

$(document).ready(function() {
  selected = true;
  $('#BtnSeleccionar').click(function() {
    if (selected) {
      $('#meses input[type=checkbox]').prop("checked", true);
      $('#BtnSeleccionar').val('Deseleccionar');
    } else {
      $('#meses input[type=checkbox]').prop("checked", false);
      $('#BtnSeleccionar').val('Seleccionar');
    }
    selected = !selected;
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
<div class="meses" id="meses">
  <div class="reci-header">Seleccione los meses:</div>
  <div class="col1">
    <input type="checkbox" name="mes1" value="01"> Enero<br>
    <input type="checkbox" name="mes4" value="04"> Abril<br>
    <input type="checkbox" name="mes7" value="07"> Julio<br>
    <input type="checkbox" name="mes10" value="10"> Octubre<br>
  </div>
  <div class="col1">
    <input type="checkbox" name="mes2" value="02"> Febrero <br>
    <input type="checkbox" name="mes5" value="05"> Mayo<br>
    <input type="checkbox" name="mes8" value="08"> Agosto<br>
    <input type="checkbox" name="mes11" value="11"> Nov.<br>
  </div>
  <div class="col1">
    <input type="checkbox" name="mes3" value="03"> Marzo <br>
    <input type="checkbox" name="mes6" value="06"> Junio <br>
    <input type="checkbox" name="mes9" value="09"> Sept. <br>
    <input type="checkbox" name="mes12" value="12"> Dic. <br>
  </div>
  <input type="button" id="BtnSeleccionar" value="Seleccionar todo">
</div>
3
ответ дан 24.11.2019, 07:57
  • 1
    Привет Даниэль. Никогда не отвечай только с кодом. код не ответ, это инструмент. Помести ясное объяснение qué у него есть плохо автор, или который должен делать... и acompañ alo кода. Приветствие – lois6b♦ 27.06.2017, 18:28
  • 2
    Если я, спасибо, развлекся тем, что делал себе так код, который я забываю себе отвечать ему – Daniel Pérez 27.06.2017, 18:29