![prop]( "prop")
本文介绍了复选框启用onload以显示其他元素的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！ 问题描述 好的，这里的问题是允许表单从mysql设置中获取信息，例如启用或禁用。那么复选框将决定是否打开3个以下文本字段（box123），具体取决于该请求。 < script src =http://code.jquery.com/jquery-1.10.2.min.js>< / script> < script src =test.js>< / script> < / head> < body> < form> < input type =checkboxname =detailsgivenid =checkerchecked = checked> Enabled？ < br> < input type ='text'name =detailsid =tb1value ='box1'> < br> < input type ='text'name =detailsid =tb2value ='box2'> < br> < input type ='text'name =detailsid =tb3value ='box3'> < br> < / form> < / body> > $ b test.js允许根据激活变量启用或禁用检查的Jquery代码 toggleInputs（$（ '＃检查'））; $ b $（'＃checker'）。click（function（）{ toggleInputs（$（this））; }）; $ b $ function toggleInputs（element）{ if（element.prop（'checked'））{ $（'＃tb1'）。prop（'disabled'，false） ; $（'＃tb2'）。prop（'disabled'，false）; $（'＃tb3'）。prop（'disabled'，false）; } else { $（'＃tb1'）。prop（'disabled'，true）; $（'＃tb2'）。prop（'disabled'，true）; $（'＃tb3'）。prop（'disabled'，true）; $ div $解析方案你去...实际上使用jquery作为你问的问题： HTML < form> < input type =checkboxname =detailsgivenid =checkerchecked = checked> Enabled？ < br> < input type ='text'name =detailsid =tb1value ='box1'> < br> < input type ='text'name =detailsid =tb2value ='box2'> < br> < input type ='text'name =detailsid =tb3value ='box3'> < br> < / form> JavaScript $（document）.ready（function（）{ toggleInputs（$（'＃checker'））; $（ '（＃（））; }）; }）; $ b $ function toggleInputs（element）{ if（element.prop（'checked'））{ $（'＃tb1'）。prop（'disabled'，false） ; $（'＃tb2'）。prop（'disabled'，false）; $（'＃tb3'）。prop（'disabled'，false）; } else { $（'＃tb1'）。prop（'disabled'，true）; $（'＃tb2'）。prop（'disabled'，true）; $（'＃tb3'）。prop（'disabled'，true）; } } http://jsfiddle.net/Q9Lg4/40/ 身体中的元素尚未加载。您可以将第一次调用包装为toggleInputs到JQuery ready事件函数中，或者将包含test.js的脚本标签放在表单后面。 Ok, The question here is to allow a form to grab information from a mysql settings, like enabled or disabled. then a checkbox is going to determine if the the 3 following text fields (box123) are going to be enabled or disabled depending on that request.<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script><script src="test.js"></script></head><body> <form> <input type="checkbox" name="detailsgiven" id="checker" checked=checked>Enabled? <br> <input type='text' name="details" id="tb1" value='box1'> <br> <input type='text' name="details" id="tb2" value='box2'> <br> <input type='text' name="details" id="tb3" value='box3'> <br> </form></body></html>test.js Jquery code which allows the check to be enabled or disabled depending on the activation varibletoggleInputs($('#checker'));$('#checker').click(function () { toggleInputs($(this));});function toggleInputs(element) { if (element.prop('checked')) { $('#tb1').prop('disabled', false); $('#tb2').prop('disabled', false); $('#tb3').prop('disabled', false); } else { $('#tb1').prop('disabled', true); $('#tb2').prop('disabled', true); $('#tb3').prop('disabled', true); }} 解决方案 Here you go... Actually using jquery as your question asked:HTML<form> <input type="checkbox" name="detailsgiven" id="checker" checked=checked>Enabled? <br> <input type='text' name="details" id="tb1" value='box1'> <br> <input type='text' name="details" id="tb2" value='box2'> <br> <input type='text' name="details" id="tb3" value='box3'> <br></form>JavaScript$(document).ready(function() { toggleInputs($('#checker')); $('#checker').click(function () { toggleInputs($(this)); });});function toggleInputs(element) { if (element.prop('checked')) { $('#tb1').prop('disabled', false); $('#tb2').prop('disabled', false); $('#tb3').prop('disabled', false); } else { $('#tb1').prop('disabled', true); $('#tb2').prop('disabled', true); $('#tb3').prop('disabled', true); }}http://jsfiddle.net/Q9Lg4/40/When the initial call is made the elements in the body are not yet loaded. You can wrap the first call to toggleInputs in a JQuery ready event function or place the script tag that includes test.js after the form. 这篇关于复选框启用onload以显示其他元素的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！ 10-29 18:12