Скрыть поле ввода класса div, используя JavaScript

Question

Скрыть поле ввода класса div, используя JavaScript

0

У меня есть платежная форма, в которой, когда я нажимаю на интернет-банкинг, все поле ввода отключается и вместо этого отображаются некоторые изображения. это сценарий, который я сделал http://jsfiddle.net/f8Fd3/4/ Нет, где я не могу скрыть поле ввода ввода, используя свой идентификатор класса.

это js

function cc()
{
     $('#cards.credit-card').removeClass("visa mastercard").addClass("visa");

}

function dc()
{
    $('#cards.credit-card').removeClass("visa mastercard").addClass("mastercard");
}
function ib()
{

}

проверьте скрипт, чтобы получить четкое изображение

Ajeesh 28 нояб. 2013, в 02:37

Источник

Теги:

javascript

jquery

html

css

3 ответа

1

Вы хотите, чтобы выбрать все input и select элементы и установить их свойство disabled, чтобы true:

$('#cards input, #cards select').prop('disabled', true);

Fiddle

RienNeVaPlu͢s 27 нояб. 2013, в 23:37

1

The syntax class="class=tokenex_data full gr-input" is incorrect.

Instead use, class="tokenex_data full gr-input" 

Then use : 

'function ib()
{
    $(".tokenex_data").hide();
    $(".monthgr-input").hide();
}


'

code2use 27 нояб. 2013, в 22:21

Ещё вопросы

Yurui Ray Zhang · Accepted Answer · 2013-11-27T23-30-00.000Z

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

Это не перенаправление для двух других, потому что есть валидация формы HTML5, которая препятствует отправке формы. (поэтому при нажатии кнопки "Visa/Mastercard" появляется сообщение об ошибке)

если вы настаиваете на привязке событий в dom... вы можете передать объект события обработчику:

<button onclick="javascript:ib(event)" class="btn btn-1 btn-1c">Internet Banking</button>

и в вашей функции:

function ib(event) {
  event.preventDefault();
}

вы можете сделать то же самое с другими двумя обработчиками.

поэтому действие отправки по умолчанию будет предотвращено.

и отключить все текстовые поля:

$('#cards input[type=text]').prop('disabled', true);

скрыть их:

$('#cards input[type=text]').hide();

РЕДАКТИРОВАТЬ

Кстати. вам не нужно использовать селекторы типа $ ('# cards.credit-card'), 'id' должен быть уникальным в DOM, просто используя $ ('# cards'), вы получите тот же самый элемент.