Member 9361273 Ответов: 2

Как изменить все входные типы, определяемые общим именем класса в разделе id с помощью javascript

код приведен ниже:
<div id="1">
<input type="hidden" name="name" value="dgfdf" class="chk"/>
<input type="hidden" name="email" value="gh@yahoo.com" class="chk"/>
<input type="hidden" name="phone" value="475684" class="chk"/>
<input type="hidden" name="address" value="f46d/a" class="chk"/>
<input type="hidden" name="id" value="2" class="id"/>
</div>



здесь я хочу изменить "type hidden to text" на все входные файлы, имя класса которых является 
chk
внутри div id 1. Как я могу это сделать с помощью javascript.
Для более полного понимания я даю измененный код ниже:

<div id="1">
<input type="text" name="name" value="dgfdf" class="chk"/>
<input type="text" name="email" value="gh@yahoo.com" class="chk"/>
<input type="text" name="phone" value="475684" class="chk"/>
<input type="text" name="address" value="f46d/a" class="chk"/>
<input type="hidden" name="id" value="2" class="id"/>
</div>


Что я уже пробовал:

я не могу понять, с чего мне начать.

2 Ответов

Рейтинг:
2

Ali Majed HA

Привет
Если вы разрабатываете сайт, предназначенный только для работы в Mozilla, Safari или другом браузере, отличном от Internet Explorer, то для изменения типа входного элемента достаточно следующего кода:

<script>
  document.getElementsByClassName('chk').type = 'text';
</script>


надеюсь, это сработает

Member 9361273

Привет.
Прежде всего спасибо за решение.
Я знаю это, но здесь я хочу знать, как я могу изменить весь тип ввода внутри div 1.

Ali Majed HA

Привет
Вы можете использовать :
$('#1').найти('.ЧК').типа text='';
он вернет классы внутри div 1
надеюсь, это сработает

W∴ Balboos, GHB

Обратите внимание, что в вопросе указан javaScript, а не JQuery !

Рейтинг:
1

Karthik_Mahalingam

попробовать это

var div = document.getElementById('1'); 
            var chks = div.getElementsByClassName('chk'); 
            for (var i = 0; i < chks.length; i++) { 
                chks[i].type = 'text';
            }