Question

我想当我选中复选框启用输入框时，我就像这样编写代码：

function free(){
    var free_var = document.getElementById('free_id');
    var delivery_price = document.getElementById('delivery_price');

    if(free_var.checked){
        delivery_price.disabled=true;
    }else{
        delivery_price.disabled=false;
    }                       
}

但我的问题是我有更多的复选框和输入：

<input type="checkbox" name="site[]" value="47.5" class="c26"/> 37.5  <input type="text" name="quantity[]" placeholder="Količina" style="width:60px;" class="c26_i" disabled/>
    <input type="checkbox" name="site[]" value="48" class="c27"/> 41  <input type="text" name="quantity[]" placeholder="Količina" style="width:60px;" class="c27_i" disabled/>
    <input type="checkbox" name="site[]" value="48.5" class="c28"/> 44  <input type="text" name="quantity[]" placeholder="Količina" style="width:60px;" class="c28_i" disabled/>
    <input type="checkbox" name="site[]" value="49" class="c29"/> 47  <input type="text" name="quantity[]" placeholder="Količina" style="width:60px;" class="c29_i" disabled/>
    <input type="checkbox" name="site[]" value="49.5" class="c30"/> 50  <input type="text" name="quantity[]" placeholder="Količina" style="width:60px;" class="c30_i" disabled/>

这是jsfiddle中的代码：https://jsfiddle.net/b02e392v/

由于

Answer 1

$("input[type='checkbox']").change(function(){
    var status = this.checked;
    $(this).next().attr("disabled", !status);
});

更改checkbox获取是否已选中时，请相应地设置已点击复选框旁边的input的已禁用属性。

Play it here.

Javascript启用复选框上的输入框

1 个答案: