html表单输入数组

时间:2014-01-16 14:36:16

标签: javascript html

寻找一些帮助,看看是否有更聪明的方法可以让我的表单使用数组。

我有一个表格,您需要输入一个人每周,每两周或每月工资和加班的详细信息。如果你输入每周基本工资,我想要禁用所有每两周一次的月薪和加班费。

在我的HTML中,每个字段都有一个名称,例如:

到目前为止我的禁用字段的javascript是:

if (document.getElementById("basic_sal_weekly").value >0) { 
    document.getElementById("basic_sal_fortnightly").disabled=true;
    document.getElementById("basic_sal_4weekly").disabled=true;
    document.getElementById("basic_sal_monthly").disabled=true;
} else {
   document.getElementById("basic_sal_fortnightly").disabled=false;
}

但是,我确信必须更快地完成此操作,而不是手动输入HTML文档中的每个字段。

2 个答案:

答案 0 :(得分:-1)

只需为您的字段提供相同的类,并使用此类禁用所有元素。

答案 1 :(得分:-1)

使用jQuery:

<script src="objects/codes/jquery-2.0.3.js"></script>
<script>
    $("#your_element_id").removeAttr("disabled"); // enable
    $("#your_element_id").attr("disabled", "disabled"); // disable
</script>

Download the uncompressed, development jQuery 2.0.3