Ayuda con checkbox

  • Autor Autor pa3lo022
  • Fecha de inicio Fecha de inicio
P

pa3lo022

Gamma
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Hola a todos, necesito ayuda con unos checkbox que me estan volviendo loco, no puedo encontrar una solucion.

Tengo 2 listas distintas de checkbox, en una si se selcciona aparece un boton y la otra es para hacer un filtro. La cosa es que si selecciono la del filtro me aparece el botón 🙁
Les paso el codigo.

Primera lista (es la que aparece el boton)
Insertar CODE, HTML o PHP:
<div class="cs-checkbox">
<input type="checkbox" name="compare[]" value="{{$listItem->id}}"
id="{{$listItem->id}}">
<label for="{{$listItem->id}}">Compare</label>
</div>
                                               
<script>
        $('input[type=checkbox]').change(function () {
            if ($('input[type="checkbox"]').is(':checked')) {
                $(".boton-oculto").show()
            } else {
                $(".boton-oculto").hide()
            }
            if ($('input[type="checkbox"]:checked').length > 3) {
                alert('Solo puedes comparar 3 motos como máximo')
                $(".boton-oculto").hide()
            }
        });
    </script>

Segunda lista (para hacer la busqueda)
Insertar CODE, HTML o PHP:
<input id="type{{ $type->id }}" type="checkbox" name="type"
class="typeCheck checked"
value="{{ $type->id }}" onclick="checkOnlyOne(this.value);"
{{ $typeName->id == $type->id ? 'checked' : ''}}>
<label for="type{{ $type->id }}">{{ $type->name }}</label>


Como puedo diferenciarlas en el javascript?

Muchas gracias
 
Es que dispara el evento para todos los que sean input y checkbox..

Simplemente colocale una clase a todos los checkboxes de la lista principal o también en vez de que sea "$('input[type=checkbox]')"... o en vez de que sea por el atributo type, que sea por el name.
 
A ver si entendi, tu codigo afecta a los dos checkbox... pues ponle una clase especifica y llama en el script por esa clase, el problema que al usar
input[type=checkbox], estas llamando a todos los inputs de tipo checkbox por igual xd.

Para solucionarlo agregale una clase, por ejemplo check1
Insertar CODE, HTML o PHP:
<input  class="check1" id="type{{ $type->id }}" type="checkbox" name="type"...
Y pues solo debes llamar a su clase y no al tipo de input, ejemplo:
JavaScript:
$('.check1').change(function () {
            if ($('.check1').is(':checked')) {
 
muchas gracias funciono perfecto
 
Atrás
Arriba