Очистка поля input при нажатии на checkbox

375

11 июля 2017, 19:12

Есть поле изначально оно пустое, при добавления товара в него вписывается сумма, как сделать что бы при нажатии на кнопку сумма очищалась и поле становилось не активным.

 <div class="input-group">
    <input  type="text" style="height: 45px" name="sum_" placeholder="0.00" id="sum"  value="<?php echo $delete_sum; ?>" class="form-control">
    <span class="input-group-btn">
        <label for="danger"  class="btn btn-danger">Без наложки<input type="checkbox" id="danger" name="delivery_our_expense" class="badgebox"><span  class="badge">✓</span></label>
    </span>
</div>

<script>
$( "#danger" ).change( function () {
});

Никак ни магу сообразить как сделать?

Answer 1

Все просто, получаем нужный инпут, через его id и присваиваем пустое значение ну и проставляем атрибут disabled :

var oldValue = 0; 
$("#danger").change( function () { 
  if($('#danger').is(':checked')){  
    oldValue = $('#sum').val(); 
    $('#sum').val('').attr('disabled','disabled'); 
  } else { 
    $('#sum').val(oldValue ).removeAttr('disabled'); 
  } 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<div class="input-group"> 
    <input  type="text" style="height: 45px" name="sum_" placeholder="0.00" id="sum"  value="55.36" class="form-control"> 
    <span class="input-group-btn"> 
        <label for="danger"  class="btn btn-danger">Без наложки<input type="checkbox" id="danger" name="delivery_our_expense" class="badgebox"><span  class="badge">✓</span></label> 
    </span> 
</div>

UPD: добавил обратное действие :)

Answer 2

$( "#danger" ).change( function () {
     $("#idИнпута").empty();
});

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Регулярное выражение только 2 слова через пробел

Нужно чтобы пользователь вводил имя и фамилию через пробелКак написать Регулярное выражение для HTML атрибута pattern?

237

HTML

Chekbox, чтобы включать и выключать input

Как сделать такое дополнение к input в виде checkbox, чтобы он выключал и включал input?

323

HTML

Как заранее подгрузить бэкграунды?

Есть код:

235

Как загрузить Datatable в Combobox

Добрый вечерподскажите, есть

213