php - 启用/禁用特定的动态添加的表单输入

Question

我正在创建一个 HTML 表单，它从数据库(php + mysql)中获取一些选项

在 php 中，我正在创建一个 checkbox 输入，旁边有一个选择框。

我将复选框命名为 houseAppsSelected[] 并将选择命名为 customCategories[]，因此我将获取数组形式的值。

我将所有 HTML 附加到一个名为 $options 的 var 中，稍后我会回显它。

while ($row=mysql_fetch_array($result)) { 
    $cat_id=$row["category_id"]; 
    $cat_name=$row["category_name"]; 
    $options.="<INPUT type=\"checkbox\" name=\"houseAppsSelected[]\" VALUE=\"$cat_id\">".$cat_name." ---> ";


    $custom_sql="SELECT custom_cat_id, cat_name FROM custom_categories WHERE house_app='$cat_id'"; 
    $custom_result=mysql_query($custom_sql);

    $options.="<SELECT name=\"customCategories[]\">";
    $options.="<OPTION value=\"0\"> Choose Category </option>";

    while ($custom_row=mysql_fetch_array($custom_result)) {
        $custom_id = $custom_row['custom_cat_id'];
        $custom_name = $custom_row['cat_name'];
        $options.="<OPTION value=\"$custom_id\">".$custom_name."</option>";
    }

    $options.="</SELECT> <br /> <br />";
}

我想让复选框控制选择框是启用还是禁用。

我找到了 this article ，这看起来很简单，但如果所有选择框都具有相同的名称，它将禁用所有选择框。

如果我用 php 动态构建它们，是否有办法让特定的复选框仅禁用/启用特定的选择框？ (他们都有相同的名字)。

Answer 1

您可以使用 nextSibling 属性来查找选择。

function chkboxClick(chkbox) {
    chkbox.nextSibling.nextSibling.disabled = !chkbox.checked;
}

像这样添加点击处理程序:

<INPUT type="checkbox" onclick="chkboxClick(this)" ... /> 

此处演示:http://jsfiddle.net/gilly3/vAK7N/