JQuery работа с VALUE именно этого инпута, как применить THIS к такой конструкции?

@Cheizerman · Регистрация: 18.03.2013

Студворк — интернет-сервис помощи студентам

Привет дорогие Друзья!

Помогите с конструкцией.

На странице несколько форм, в каждой несколько инпутов.
Суть в том, что так нужно мне, что бы только при выборе радио заполнялся атрибут VALUE, а все другие в этой форме очищались.
Я плохо разбираюсь еще пока в jQuery, написал по тупому, но ладно с этим, как мог

, но проблема в том, что действия распространяются на все формы, так классы одинаковые у инпутов, а плодить кусок JS кода не хочется, знаю как то можно с помощью THIS это сделать, что бы только действие применялось именно к этим инпутам этой формы. Но не могу понять как и куда прописать этот THIS, подскажите плиииизззз!!

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<script type="text/javascript">
$(document).ready(function () {
    $('.black').click(function(){
            $(".black").val('black');
            $(".white").val('');
            });
            
    $('.white').click(function(){
            $(".white").val('white');
            $(".black").val('');
            });
            
});
</script>

HTML5
1
2
3
4
<form id="4" class="form">
<input type="radio" class="black" name="group2" value="black" checked>Black<br>
<input type="radio" class="white" name="group2" value="">White
</form>

mihalken · 09.06.2014, 11:28

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

HTML5
1
2
<input type="radio" class="black" name="group2" value="black" checked>Black<br /> <!-- отправится group2 = black -->
<input type="radio" class="white" name="group2" value="white">White

А-а, тараканы ваши, нате...

HTML5
1
2
<input type="radio" color="black" name="group2" class="radio" value="black" checked>Black<br />
<input type="radio" color="white" name="group2" class="radio" value="white">White

JavaScript
1
2
3
4
$( '.radio' ).change(function() {
    $( '.radio' ).val('');
    $( this ).val( $( this ).attr('color') );
});

@Cheizerman · 09.06.2014, 11:41 **[ТС]**

Да вы правы, это глупо, но это работает, там совершенно большой скрипт отправки формы аяксом, я уже пытался тут на форуме внедрить радио, но он не предусмотрен, нужно много правок вносить, а я в JS оч слаб, это просто решение, просто, что бы не менять исходники чужие

, я пробовал, не получилось.

Спасибо за ответ но я не понял как это будет работать? Как инпут с классом BLACK его атрибут value будет наполняться словом BLACK?

mihalken · 09.06.2014, 12:19

Сообщение от Cheizerman

скрипт отправки формы аяксом

JavaScript
1
2
// получить значение выбранного радио
var group_2 = $( 'input[name="group2"]:checked' ).val(); // $( '.radio:checked' ).val();

Сообщение от Cheizerman

Как инпут с классом BLACK его атрибут value будет наполняться словом BLACK

Код с комментариями:

JavaScript
1
2
3
4
5
6
7
8
// элемент с классом .radio изменился?
$( '.radio' ).change(function() {
    // затереть значения у всех элементов с классов .radio
    $( '.radio' ).val('');
 
    // присвоить текущему элементу (с классом .radio) значение его атрибута "color"
    $( this ).val( $( this ).attr('color') );
});

@Cheizerman · 09.06.2014, 14:07 **[ТС]**

в общем ничего не помогло, ковыряю дальше свое, сделал так:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
$(document).ready(function (){
 $('.black').click(function(){
            $(this).val('black');
            $('input[name="group2"]').val('');
            });
            
    $('.white').click(function(){
            $(this).val('white');
            $('input[name="group2"]').val('');
            });
});

теперь инпуты в других формах не трогают действия, как и надо THIS помог, но теперь не знаю как очистить значения соседних инпутов в форме.

JavaScript
1
$('input[name="group2"]').val('');

Это работает, но очищает все вообще, и больше не присвоить. Как быть люди добрые????

mihalken · 09.06.2014, 14:29

Сообщение от Cheizerman

соседних инпутов в форме

Код HTML всех форм и инпутов в студию.

@Cheizerman · 09.06.2014, 15:22 **[ТС]**

они все одинаковые формы, только у них ID разные, все остальное одно и то же, инпуты те же с теми же классами.

mihalken · 09.06.2014, 15:41

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
// form1
$( '#form1 .radio' ).change(function() {
   $( '#form1 .radio' ).val('');
    $( this ).val( $( this ).attr('color') );
});
 
// form2
$( '#form2 .radio' ).change(function() {
   $( '#form2 .radio' ).val('');
    $( this ).val( $( this ).attr('color') );
});
 
// ...FormN...

?

Добавлено через 4 минуты
Это действия в рамках конкретной формы (form1, form2).

Сообщение от Cheizerman

как очистить значения соседних инпутов в форме

Например,

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
// form1
$( '#form1 .radio' ).change(function() {
   // чистим локальную форму
   $( '#form1 .radio' ).val('');
 
   // чистим соседнюю форму Form2
   $( '#form2 .radio' ).val('');
 
   // чистим соседнюю форму FormN
   // ...
 
   $( this ).val( $( this ).attr('color') );
});

@Cheizerman · 09.06.2014, 16:44 **[ТС]**

Спасибо, но не работает у меня этот код, мне же нужно действие по клику на радио, присвоить значение, и очистить остальные значения касаемо только этой формы, другие то трогать мне не нужно, и так для каждой:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<script type="text/javascript">
$(document).ready(function () {
 
// form1
$( '#form1 input[name="group2"]' ).change(function() {
   $( '#form1 input[name="group2"]' ).val('');
    $( this ).val( $( this ).attr('color') );
});
 
 
// form1
$( '#form1 .radio' ).change(function() {
   // чистим локальную форму
   $( '#form1 .radio' ).val('');
 
   // чистим соседнюю форму Form2
   $( '#form2 .radio' ).val('');
 
   // чистим соседнюю форму FormN
   // ...
 
   $( this ).val( $( this ).attr('color') );
}); 
 
            
});
</script>

HTML5
1
2
3
4
5
6
7
8
9
<form id="1" class="form">
<input type="radio" class="black" name="group2" value="Черный" checked>Черный<br>
<input type="radio" class="white" name="group2" value="">Белый
</form>
 
<form id="2" class="form">
<input type="radio" class="black" name="group2" value="Черный" checked>Черный<br>
<input type="radio" class="white" name="group2" value="">Белый
</form>

mihalken · 10.06.2014, 07:36

Сообщение от Cheizerman

мне же нужно действие по клику на радио, присвоить значение, и очистить остальные значения касаемо только этой формы

HTML5
1
2
3
4
5
6
7
8
9
<form id="form1">
    <input type="radio" color="Черный" class="radio" name="group2" value="Черный" checked="checked">Черный<br />
    <input type="radio" color="Белый" class="radio" name="group2" value="">Белый
</form>
 
<form id="form2">
    <input type="radio" color="Черный" class="radio" name="group3" value="Черный" checked="checked">Черный<br />
    <input type="radio" color="Белый" class="radio" name="group3" value="">Белый
</form>

JavaScript
1
2
3
4
5
$( '.radio' ).change(function() {
    $( this ).parent().find( '.radio' ).val('');
 
    $( this ).val( $( this ).attr('color') );
});

?

@Cheizerman · 10.06.2014, 09:38 **[ТС]**

Спасииибо БОЛЬШОЕ! Все отлично работает, а то я вчера до часу ночи для каждой формы кусок писал js

Новые блоги и статьи Все статьи Все блоги /
http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .	http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .	Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь постоянного тока с R, L, C, k(ключ), U, E, J. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа, решает её и находит переходные токи и напряжения на элементах схемы. . . .	Восстановить юзерскрипты Greasemonkey из бэкапа браузера damix 15.01.2026 Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .
Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/	WordPad для Windows 11 Jel 10.01.2026 WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .	Classic Notepad for Windows 11 Jel 10.01.2026 Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .	Почему дизайн решает? Neotwalker 09.01.2026 В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .

JQuery работа с VALUE именно этого инпута, как применить THIS к такой конструкции?

Решение

Решение

@Cheizerman 0 / 0 / 0 Регистрация: 18.03.2013 Сообщений: 37
	09.06.2014, 11:41 [ТС]
	Да вы правы, это глупо, но это работает, там совершенно большой скрипт отправки формы аяксом, я уже пытался тут на форуме внедрить радио, но он не предусмотрен, нужно много правок вносить, а я в JS оч слаб, это просто решение, просто, что бы не менять исходники чужие , я пробовал, не получилось. Спасибо за ответ но я не понял как это будет работать? Как инпут с классом BLACK его атрибут value будет наполняться словом BLACK? 0

@Cheizerman 0 / 0 / 0 Регистрация: 18.03.2013 Сообщений: 37
	09.06.2014, 15:22 [ТС]
	они все одинаковые формы, только у них ID разные, все остальное одно и то же, инпуты те же с теми же классами. 0

@Cheizerman 0 / 0 / 0 Регистрация: 18.03.2013 Сообщений: 37
	10.06.2014, 09:38 [ТС]
	Спасииибо БОЛЬШОЕ! Все отлично работает, а то я вчера до часу ночи для каждой формы кусок писал js 0