/ / MVC cómo seleccionar automáticamente las casillas de verificación cuando la etiqueta contiene una palabra que el usuario especifica - c #, jquery, asp.net-mvc, casilla de verificación

MVC cómo seleccionar automáticamente las casillas de verificación cuando la etiqueta contiene una palabra que el usuario especifica: c #, jquery, asp.net-mvc, casilla de verificación

Así que tengo esta ventana emergente en mi sitio con una lista decasillas de verificación para fines de filtrado. La Lista puede ser desde un par de artículos hasta cien artículos. Ahora diga que el usuario solo desea seleccionar las casillas de verificación con la palabra "crear" en su etiqueta. Ir a través de cien casillas de verificación buscando creaciones es ingobernable y nadie va a querer hacerlo. Lo que estoy pensando es implementar una entrada de cuadro de texto en la parte inferior de la ventana emergente donde el usuario puede ingresar una palabra, presionar seleccionar y en la lista de casillas de verificación, solo se marcarán los elementos que contengan esa palabra.

La primera idea que se me ocurrió hacer esto esuse jquery tiene el botón relacionado con una función de controlador que reevaluará el modelo de vista basado en esa cadena de usuarios. Pero no soy la mejor solución. ¿Hay alguna forma de hacerlo solo con la vista?

Respuestas

2 para la respuesta № 1

Pruebe algo como esto:

Su HTML:

<div class="box">
<input type="checkbox" name="check">
<label>Create</label>
</div>
<div class="box">
<input type="checkbox" name="check">
<label>Other value</label>
</div>
<div class="box">
<input type="checkbox" name="check">
<label>Create user</label>
</div>

Su código JQuery:

$(function(){
$(".box").each(function(){
var box = $(this);
if ($("label", box).html().toLowerCase().indexOf("create") > 0) {
$("input[type=checkbox]", box).attr("checked", "checked");
}
else $("input[type=checkbox]", box).removeAttr("checked");
});
});

Esta es una mejor solución sugerida por @AnoopJoshi

$("label:contains("Create")").closest(".box").find("input[type=checkbox]").prop(‌​"checked", true);

Espero que esta ayuda!