Динамически изменять "id" и "label for" у инпутов
Здравствуйте!
Вопрос следующий... Как мне автоматически изменять id и label forу инпутов? Например <input type="radio" id="id1"> <label for="id1"></label> <input type="radio" id="id2"> <label for="id2"></label> Прошу обратить внимание, что input находиться не внутри label, если это имеет значение |
это говорит о том, что вы не правильно что-то делаете
опишите для чего вам это надо есть другие решения вашей задачи |
Цитата:
|
Немного проясню ))
Я создаю каталог товаров, у каждого товара есть 2 и более инпутов. Соответственно у каждого инпута должен быть разный id и label for Иными словами, как мне к id и label for каждого инпута дописывать на конце цифру, которая каждый раз увеличивается на один |
alex-tiesto,
а можно совсем просто пример 3-4 товара до и пример после(и почему это нельзя на сервере сделать сразу) |
Пример ДО:
<input type="radio" id="radio" name="radio" /> <label for="radio"></label> <input type="radio" id="radio" name="radio" /> <label for="radio"></label> Надо чтобы было: <input type="radio" id="radio1" name="radio" /> <label for="radio1"></label> <input type="radio" id="radio2" name="radio" /> <label for="radio2"></label> Можно вприниципе и на стороне сервера, только опять таки я не знаю как )) |
Цитата:
|
Сервер наверное знает ))
Первый раз просто делаю подобное, поэтому решил что на js будет проще |
Неужели никто не поможет?
|
Цитата:
|
alex-tiesto,
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(function() {
$('[name="radio"]').each(function(indx, el){
$(this).next().attr("for" , "radio"+indx)
this.id = "radio"+indx
});
});
</script>
</head>
<body>
<input type="radio" id="radio" name="radio" />
<label for="radio">1</label>
<input type="radio" id="radio" name="radio" />
<label for="radio">2</label>
</body>
</html>
|
рони,
ну это ни в какие ворота, ибо изначально клиенту отдается каша никак не связанная с данными, хотя заявляется, что имеются идентификаторы. |
Я использую MODX revo, как там страницы формируются не знаю.
Никогда с инпутами товары не делал |
laimas,
лучше конечно на сервере решить всё, возможно и name="radio" нужно менять под товар |
Вот к этому вернемся:
Цитата:
|
рони,
Спасибо Вам огромное!!! То, что нужно! |
| Часовой пояс GMT +3, время: 12:03. |