Disable 'Add' button if checkbox is checked

Disable 'Add' button if checkbox is checked

HTML

<link rel="stylesheet" href="http://jasny.github.io/bootstrap/assets/css/bootstrap.css">
<div class="control-group">
    <div class="controls">
        <label class="checkbox">
            <input type="checkbox" class="is-selected" value="">Check to disable Add button 1</label>
        <button id="allergy" class="btn remove-attr" disabled="disabled" value="submit">Add</button>
    </div>
</div>
<div class="control-group">
    <div class="controls">
        <label class="checkbox">
            <input type="checkbox" class="is-selected" value="">Check to disable Add button 2</label>
        <button id="allergy" class="btn remove-attr" disabled="disabled" value="submit">Add</button>
    </div>
</div>

JavaScript

$('.remove-attr').removeAttr('disabled');

$('.is-selected').on('change', function () {
    $(this).closest('label').next('.remove-attr').prop('disabled', this.checked);
});