Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Добавить label сразу после input с соответствующими парметрами. (https://javascript.ru/forum/misc/41296-dobavit-label-srazu-posle-input-s-sootvetstvuyushhimi-parmetrami.html)

WaMpIr 07.09.2013 16:54

Добавить label сразу после input с соответствующими парметрами.
 
Доброго времени суток.
Делаю шаблон для админки одной CMS. Появилась необходимость стилизовать чекбоксы и радиокнопки. Но дописывать для каждого чекбокса label крайне не логично, да и самой системой эта возможность закрыта.
Так вот задача: после каждого input у которого type="checkbox" добавить label со значением for="" взятым из id="" чекбокса.
Как код должен выглядеть я примерно понимаю, но вот написать его - для меня крайне сложная задача.
Спасибо скажу цыфарками на webmoney. :thanks:

ksa 09.09.2013 10:16

Цитата:

Сообщение от WaMpIr
после каждого input у которого type="checkbox" добавить label со значением for="" взятым из id="" чекбокса.

Как вариант...

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!--
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
</style>
<script type="text/javascript">
$(function (){
	$('input:checkbox').each(function (){
		$(this).after('<label for="'+this.id+'">'+this.id+'</label>');
	});
});
</script>
</head>
<body>
<input type='checkbox' id='cb1' />
<div>
	<input type='checkbox' id='cb2' />
</div>
</body>
</html>

ksa 09.09.2013 19:16

Цитата:

Сообщение от WaMpIr
Спасибо скажу цыфарками на webmoney.

И? :D


Часовой пояс GMT +3, время: 05:03.