Con HTML una casilla de verificación está creado como este:

<form>
   <input type="checkbox" id="category1">Category1<br>
</form>

Con javascript podemos marcar la casilla de verificación como este:

$("#category1")[0].checked = true

Ahora estoy tratando de crear la misma página con jquery-mobile. La casilla de verificación que se parece a esto:

<form>
    <label>
        <input name="checkbox-0 " type="checkbox">Check me
    </label>
</form>

¿Por qué es que no hay id aquí? Es el nombre de la id? Debo eliminar el nombre del atributo y crear uno con el nombre de id?

¿Cómo puedo marque esta casilla de verificación aquí con Javascript/jQuery?

He probado el código de arriba, pero no parece funcionar para esta casilla de verificación.

InformationsquelleAutor Jonh Smid | 2013-06-10

3 Comentarios

  1. 54

    Usted necesita para actualizar después de cambiar su’ .prop, utilizando .checkboxradio('refresh'). Esta es la manera correcta de verificación casilla de verificación/radio en jQuery Mobile.

    Demo

    $('.selector').prop('checked', true).checkboxradio('refresh');

    Referencia: jQuery Mobile API

  2. 3

    Que usted puede hacer:

    $('input[name="checkbox-0"]').prop("checked", true).checkboxradio('refresh'); //sets the checkbox
    var isChecked =  $('input[name="checkbox-0"]').prop("checked"); //gets the status
    • si me dio un id a la casilla de verificación que sería correcto : $(#id_name).la proposición(«checked», true); ?
    • Sí, no te olvides de las comillas en el selector de $("#id_name").prop("checked", true);
    • no funciona sin el .checkboxradio («actualizar»);
    • No estaba enterado, he actualizado mi respuesta. Thx para señalar esto!
  3. 2

    Directamente desde el jQ Móvil docs:

    $("input[type='checkbox']").attr("checked",true);
    • $(«input[type=’checkbox’]»).attr(«checked»,true).checkboxradio(«actualizar»); hacia allí!

Dejar respuesta

Please enter your comment!
Please enter your name here