Question

我一直在弄清楚如何使用javascript检查相应的复选框时启用一个文本框数组...

这是我的代码：

    $line_util3 = "Select id_code,description from WEBLOAN_SERVER.webloan.dbo.mis_group where pid_code='$list_count' and group_no = '0' and child_node = '1' ";
    $stmt_line_util3=sqlsrv_query($conn, $line_util3);

    if(!$stmt_line_util3) {
        die( print_r( sqlsrv_errors(), true));
        }

    sqlsrv_execute($stmt_line_util3);

    while ($imps_row1 = sqlsrv_fetch_array($stmt_line_util3,SQLSRV_FETCH_ASSOC))

    {

    echo "<tr>";
    echo "<td><input type='checkbox' name='op[]'></td>";
    echo "<td>" . $imps_row1['id_code'] . " - " . $imps_row1['description'] . "</td>";
    echo "<td><input type='text' disabled='disabled' name='txt[]'></td>";
    echo "</tr>";

    }

非常感谢您的帮助

Answer 1

添加一个onclick事件来调用javascript函数到ur复选框然后将id分配给你想要禁用或启用/ disaapear或者出现的不同文本框。在下面的代码中我启用id为'tpnr'的文本框和禁用其他文本框（id：bs，as）

<script type="text/javacript">
function(a){
    document.getElementById("tpnr").style.position = "static";
    document.getElementById("tpnr").style.top = "0px";
    document.getElementById("bs").style.position = "absolute";
    document.getElementById("bs").style.top = "-10000px";
    document.getElementById("as").style.position = "absolute";
    document.getElementById("as").style.top = "-10000px";
}
</script>

Answer 2

试试这个我希望这会对你有所帮助。哪个使用jQuery。

$(document).on('click', 'input[name="op[]"]', function () {
    var checked = $(this).prop('checked');// true or false
    if (checked) {
        $(this).parents('tr').find('td input[type="text"]').removeAttr('disabled');
    }
    else {
        $(this).parents('tr').find('td input[type="text"]').attr('disabled', 'disabled');
    }
});

此处更新了 Demo

启用Textbox oncheck复选框Array

2 个答案: