jQuery funciona en JSFiddle pero no en un entorno RoR local?

Actualmente tengo dos funciones de JavaScript. La función “Verificar todo” funciona perfectamente tanto en JSFiddle como en el entorno local (http://0.0.0.0:3000) . Sin embargo, “Select Animal” o una función que solo selecciona opciones específicas en un formulario solo funciona en JSFiddle pero no en el entorno local. Me pregunto qué está causando este problema.

Aquí están los códigos dentro de mi “_form.html.erb”:

      checked = false; function checkedAll () { if (checked == false){checked = true}else{checked = false} for (var i = 0; i < document.getElementById('myform').elements.length; i++) { document.getElementById('myform').elements[i].checked = checked; } }    Foo1 Bar2 Rah3 Check all:     function checkAnimal () { var values = ['1', '2', '4', '5']; $("#list").find('[value=' + values.join('], [value=') + ']').prop("checked", $("#checkAnimalCheckbox").prop("checked")); }   
1 2 3 4 5 CheckAnimal

EDITAR:

He cambiado mis códigos a los siguientes:

     checked = false; function checkedAll () { if (checked == false){checked = true}else{checked = false} for (var i = 0; i < document.getElementById('myform').elements.length; i++) { document.getElementById('myform').elements[i].checked = checked; } }   function checkAnimal () { var values = ['1', '2', '4', '5']; $("#list").find('[value=' + values.join('], [value=') + ']').prop("checked", $("#checkAnimalCheckbox").prop("checked")); }    Foo1 Bar2 Rah3 Check all:   
1 2 3 4 5 CheckAnimal

Y la función “Comprobar todo” funciona muy bien, y “Verificar animal” todavía no funciona: /

SEGUNDA EDICIÓN:

También traté de quitar los pelos de cabeza alrededor de jquery.min.js y las tags de cuerpo alrededor de los formularios, y da el mismo resultado. Comprobar todas las obras y comprobar animales no.

TERCERA EDICIÓN:

Códigos revisados ​​después de leer las sugerencias de ustedes. Desafortunadamente, todavía no funciona … ¡Muy interesante!

     checked = false; function checkedAll () { if (checked == false){checked = true}else{checked = false} for (var i = 0; i < document.getElementById('myform').elements.length; i++) { document.getElementById('myform').elements[i].checked = checked; } }   $(function() { function checkAnimal () { var values = ['1', '2', '4', '5']; $("#list").find('[value=' + values.join('], [value=') + ']').prop("checked", $("#checkAnimalCheckbox").prop("checked")); } });     Foo1 Bar2 Rah3 Check all:   
1 2 3 4 5 CheckAnimal

EDITAR 4:

He eliminado $(function() { alrededor de la función “Check Animal” después de que Firebug muestra que “Check Animal” no está definido. Y ahora el nuevo error es:

 TypeError: $(...).find is not a function ...lue=' + values.join('], [value=') + ']').prop("checked", $("#checkAnimalCheckbox... 

El nuevo código “Check Animal” simplemente se invierte al código original:

  function checkAnimal() { var values = ['1', '2', '4', '5']; $("#list").find('[value=' + values.join('], [value=') + ']').prop("checked", true); }  

Prueba esto:

 $(function() { function checkAnimal () { var values = ['1', '2', '4', '5']; $("#list").find('[value=' + values.join('], [value=') + ']').prop("checked", $("#checkAnimalCheckbox").prop("checked")); } }); 

¡Encontré la solución!

Muchas gracias por toda su ayuda. Sin ti, no habría descubierto esto.

La solución está cambiando “$” en el código a “jQuery” para la función “checkAnimal” como se muestra a continuación:

  

¡Felices fiestas a todos!