Javascript enable input boxes on checked box

Question

I want when I check my checkbox enable input box, I made that code like this:

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;
    }                       
}

but my problem is that i have more checkboxes and inputs like this:

<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/>

This is code in jsfiddle: https://jsfiddle.net/b02e392v/

Thanks

You need to call your free() function onchange of your checkbox. Also you aren't using the id's u have in your free() function... — brso05
– brso05, Commented Nov 18, 2015 at 18:51
So what is it that you want the code to do differently? Also, how are 'free_id' and 'delivery_price' relevant? They're nowhere in the HTML. Also, can you add all parts needed to demonstrate the problem, to your jsfiddle? — Topological Sort
– Topological Sort, Commented Nov 18, 2015 at 18:51
yes, sorry i didn't mention that my js code is from another part of my code, so id's aren't problem — VgBoy
– VgBoy, Commented Nov 18, 2015 at 18:53

void · Accepted Answer · 2015-11-18 18:51:04Z

4

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

On change of checkbox fetch whether it is checked or not, accordingly set the disabled attribute of the input next to the clicked checkbox.

Play it here.

answered Nov 18, 2015 at 18:51

void

36.8k10 gold badges72 silver badges111 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Mike Donkers Over a year ago

Very nice solution +1

void Over a year ago

Glad it worked, consider voting it up and marking it correct answer.

Rohit Batta Over a year ago

Very nice and simple solution. Less lines of code returning expected results. Kudos.. @void

Collectives™ on Stack Overflow

Javascript enable input boxes on checked box

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related