0

Есть обычный input

<input type="text" name="bin" placeholder="" class="order_input">

Есть радиокнопки, где при нажатии на одно виден этот Input, при нажатии на вторую скрывается.

<script>
        $(document).ready(function(){
            $( ".individual" ).click(function() {
              $( ".requi" ).slideUp(500);
            });
            $( ".legal" ).click(function() {
              $( ".requi" ).slideDown(500);
            });
        });
    </script>

Как сделать так что при нажатии добавлялся атрибут required к input и также убирался при нажатии на другую радиокнопку.

2 ответа 2

3

Твоя задача решается такими строками:

Добавляет атрибут:

$('.order_input').prop('required', true);

Убирает атрибут:

$('.order_input').prop('required', false);

$(document).ready(function(){
  var requi = $('.requi');
  var input = $('.order_input');
  $( ".individual" ).click(function() {
    input.prop('required', true); // <<==
    requi.slideUp(500);
  });
  $( ".legal" ).click(function() {
    input.prop('required', false); // <<==
    requi.slideDown(500);
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" name="bin" placeholder="" class="order_input">

<button class="individual">individual</button>
<button class="legal">legal</button>

1
  • Класс только поправь где убирает атрибут на false.
    – duddeniska
    20 апр 2016 в 5:32
1

Добавление и удаление атрибута:

jQuery:

$('selector').attr('attrName', 'value');
$('selector').removeAttr('attrName');

Аналог нативно:

element.addAttribute('attrName', 'value');
element.removeAttribute('attrName');

Добавление и удаление ключа на элементе (property):

jQuery:

$('selector').prop('propertyName', value);

Нативно:

element['propertyName'] = value;

В итоге выйдет:

$(document).ready(function(){
    $( ".individual" ).click(function() {
         $( ".requi" ).prop('required', true).slideUp(500);
    });
    $( ".legal" ).click(function() {
         $( ".requi" ).prop('required', false).slideDown(500);
    });
});
2
  • disabled и readonly через prop() включаются.
    – dlarchikov
    20 апр 2016 в 5:43
  • Да, поторопился. 20 апр 2016 в 5:45

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.