Форум

WaMpIr · #1 (**permalink**) 07.09.2013, 16:54

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

ksa · #2 (**permalink**) 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 · #3 (**permalink**) 09.09.2013, 19:16

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

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

И?

Форум

Справочник

Discord чат

Курсы javascript