javascript - 表单输入onload替代

Question

我有以下代码:

<input id="id_sf-0-use_incident_energy_guess" 
name="sf-0-use_incident_energy_guess" 
onchange="show_hide_guess(this.id);" 
onload="show_hide_guess(this.id);" 
type="checkbox">

问题在于onload。它在输入字段中不起作用...

我无法使用jquery $(document).ready因为我还不知道这个表单的id... (这是一个 django 表单集，每个生成的表单都有不同的前缀)。

你知道我该如何解决这个问题吗？

提前致谢。

Answer 1

输入元素上没有 load 事件。您可以将类添加到输入元素并使用 css 类选择器定位它。

HTML

<input id="id_sf-0-use_incident_energy_guess" class="input-energy-guess"
  name="sf-0-use_incident_energy_guess" 
  onchange="show_hide_guess(this.id);"
  type="checkbox">

JS

$(function () {
    //Now you can access the input using class selector
    $('.input-energy-guess').each(function () {
       show_hide_guess(this.id);
    });
});

如果您无法添加类或修改 html，那么您可以使用以选择器结尾的属性。

$(function () {
    $('name$=”use_incident_energy_guess”').each(function () {
       show_hide_guess(this.id);
    });
});