Skip to main content
se eliminó 1 carácter en el cuerpo
Origen Enlace

Te agrego un html de ejemplo, en la siguiente función se evalúa elevalúan todas las casillas de aquellos que sean tipo checkbox, se utiliza el .prop para obtener el valor de la primer coincidencia que encuentre (en este caso establece la propiedad "checked"):

$("input:checkbox").on('click', function() {
  var box = $(this);
  if (box.is(":checked")) {
    var group = "input:checkbox[name='" + box.attr("name") + "']";
    $(group).prop("checked", false);
    box.prop("checked", true);
  } else {
    box.prop("checked", false);
  }
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
  <h3>Frutas</h3>
  <label>
    <input type="checkbox" class="radio" value="1" name="fooby[1][]" />Manzana</label>
  <label>
    <input type="checkbox" class="radio" value="1" name="fooby[1][]" />Naranja</label>
  <label>
    <input type="checkbox" class="radio" value="1" name="fooby[1][]" />Mango</label>
</div>

Espero te ayude. Saludos.

Te agrego un html de ejemplo en la siguiente función se evalúa el todas las casillas de aquellos que sean tipo checkbox, se utiliza el .prop para obtener el valor de la primer coincidencia que encuentre (en este caso establece la propiedad "checked"):

$("input:checkbox").on('click', function() {
  var box = $(this);
  if (box.is(":checked")) {
    var group = "input:checkbox[name='" + box.attr("name") + "']";
    $(group).prop("checked", false);
    box.prop("checked", true);
  } else {
    box.prop("checked", false);
  }
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
  <h3>Frutas</h3>
  <label>
    <input type="checkbox" class="radio" value="1" name="fooby[1][]" />Manzana</label>
  <label>
    <input type="checkbox" class="radio" value="1" name="fooby[1][]" />Naranja</label>
  <label>
    <input type="checkbox" class="radio" value="1" name="fooby[1][]" />Mango</label>
</div>

Espero te ayude. Saludos.

Te agrego un html de ejemplo, en la siguiente función se evalúan todas las casillas de aquellos que sean tipo checkbox, se utiliza el .prop para obtener el valor de la primer coincidencia que encuentre (en este caso establece la propiedad "checked"):

$("input:checkbox").on('click', function() {
  var box = $(this);
  if (box.is(":checked")) {
    var group = "input:checkbox[name='" + box.attr("name") + "']";
    $(group).prop("checked", false);
    box.prop("checked", true);
  } else {
    box.prop("checked", false);
  }
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
  <h3>Frutas</h3>
  <label>
    <input type="checkbox" class="radio" value="1" name="fooby[1][]" />Manzana</label>
  <label>
    <input type="checkbox" class="radio" value="1" name="fooby[1][]" />Naranja</label>
  <label>
    <input type="checkbox" class="radio" value="1" name="fooby[1][]" />Mango</label>
</div>

Espero te ayude. Saludos.

se añadieron 133 caracteres en el cuerpo
Origen Enlace

Te agrego un html de ejemplo en la siguiente función se evalúa el todas las casillas de aquellos que sean tipo checkbox, se utiliza el .prop para obtener el valor de la primer coincidencia que encuentre (en este caso establece la propiedad "checked"):

$("input:checkbox").on('click', function() {
  var box = $(this);
  if (box.is(":checked")) {
    var group = "input:checkbox[name='" + box.attr("name") + "']";
    $(group).prop("checked", false);
    box.prop("checked", true);
  } else {
    box.prop("checked", false);
  }
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
  <h3>Frutas</h3>
  <label>
    <input type="checkbox" class="radio" value="1" name="fooby[1][]" />Manzana</label>
  <label>
    <input type="checkbox" class="radio" value="1" name="fooby[1][]" />Naranja</label>
  <label>
    <input type="checkbox" class="radio" value="1" name="fooby[1][]" />Mango</label>
</div>

Espero te ayude. Saludos.

Te agrego un html de ejemplo en la siguiente función se evalúa el todas las casillas de aquellos que sean tipo checkbox:

$("input:checkbox").on('click', function() {
  var box = $(this);
  if (box.is(":checked")) {
    var group = "input:checkbox[name='" + box.attr("name") + "']";
    $(group).prop("checked", false);
    box.prop("checked", true);
  } else {
    box.prop("checked", false);
  }
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
  <h3>Frutas</h3>
  <label>
    <input type="checkbox" class="radio" value="1" name="fooby[1][]" />Manzana</label>
  <label>
    <input type="checkbox" class="radio" value="1" name="fooby[1][]" />Naranja</label>
  <label>
    <input type="checkbox" class="radio" value="1" name="fooby[1][]" />Mango</label>
</div>

Espero te ayude. Saludos.

Te agrego un html de ejemplo en la siguiente función se evalúa el todas las casillas de aquellos que sean tipo checkbox, se utiliza el .prop para obtener el valor de la primer coincidencia que encuentre (en este caso establece la propiedad "checked"):

$("input:checkbox").on('click', function() {
  var box = $(this);
  if (box.is(":checked")) {
    var group = "input:checkbox[name='" + box.attr("name") + "']";
    $(group).prop("checked", false);
    box.prop("checked", true);
  } else {
    box.prop("checked", false);
  }
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
  <h3>Frutas</h3>
  <label>
    <input type="checkbox" class="radio" value="1" name="fooby[1][]" />Manzana</label>
  <label>
    <input type="checkbox" class="radio" value="1" name="fooby[1][]" />Naranja</label>
  <label>
    <input type="checkbox" class="radio" value="1" name="fooby[1][]" />Mango</label>
</div>

Espero te ayude. Saludos.

Origen Enlace

Te agrego un html de ejemplo en la siguiente función se evalúa el todas las casillas de aquellos que sean tipo checkbox:

$("input:checkbox").on('click', function() {
  var box = $(this);
  if (box.is(":checked")) {
    var group = "input:checkbox[name='" + box.attr("name") + "']";
    $(group).prop("checked", false);
    box.prop("checked", true);
  } else {
    box.prop("checked", false);
  }
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
  <h3>Frutas</h3>
  <label>
    <input type="checkbox" class="radio" value="1" name="fooby[1][]" />Manzana</label>
  <label>
    <input type="checkbox" class="radio" value="1" name="fooby[1][]" />Naranja</label>
  <label>
    <input type="checkbox" class="radio" value="1" name="fooby[1][]" />Mango</label>
</div>

Espero te ayude. Saludos.