Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Нужно доработать не много (https://javascript.ru/forum/dom-window/65321-nuzhno-dorabotat-ne-mnogo.html)

Ramzes94 12.10.2016 16:29

Текстовый input и checkbox добавить в textarea
 
Друзья, всем привет.

Нужна Ваша помощь, есть код его требуется не много доработать.

Нужно к checkbox добавить текстовый input чтобы оба поля вбивались в textarea и были при этом одно цельны, с checkbox берется название, которое указанны в value, а с текстового input берется значение, которое указывает человек в виде количество то есть цифры (поле обязательное)

Буду очень признателен :thanks:

<!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">
label {
	display: block;
}
</style>
<script type="text/javascript">
$(document).ready(function (){
	$('#options input:checkbox').change(function (){
		setValue();
	});
	loadData();
});
function setValue(){
	var dlm='';
	var val='';
	$('#options input:checkbox').each(function (){
		if (!this.checked) return;
		val=val+dlm+this.value;
		dlm=';';
	});
	$('#txt').val(val);
};
function loadData(){
	var a=$('#txt').val();
	a=a.split(';');
	for (i=0; i<a.length; i++) {
		$('input[value="'+a[i]+'"]').attr('checked',true);
	};
}; 
</script>
</head>
<body>
<div>
	<textarea id='txt'  rows = "5" cols = "120" name = "txt">one;two</textarea>
</div>
<div id='options'>
	<label>
		<input type="checkbox" value='one' onchange="test();"/>one
	</label>
	<label>
		<input type="checkbox" value='two' onchange="test();"/>two
	</label>
	<label>
		<input type="checkbox" value='three' onchange="test();"/>three
	</label>
</div>
</body>
</html>


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