Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   checkbox и textarea (https://javascript.ru/forum/dom-window/37591-checkbox-i-textarea.html)

Жекаизжека 13.05.2013 01:01

аха...а как добиться создание radiobutton-ов с value а...такое же количество сколько там значений?(

ksa 13.05.2013 09:59

Мая твая не панимайт...

Жекаизжека 13.05.2013 11:43

Быват..)
Есть получаемые значения "green;black;red" надо чтобы создавались

<input type="radio" name="group" value="green">green<br>
<input type="radio" name="group" value="black">black<br>
<input type="radio" name="group" value="red">red<br>


Если значений N количество то и radio должно столько же

ksa 13.05.2013 15:36

И в чем проблема?

Цитата:

Сообщение от Жекаизжека
Есть получаемые значения "green;black;red"

И погнал в цикле создавать что нужно...

Жекаизжека 13.05.2013 16:34

<html>
        <head>
            <title>javascript for</title>
            <link rel="stylesheet" type="text/css" href="style.css">
           
        </head>
        <body>
            <script type='text/javascript'>
var a='1;2;3;4;5;';
a=a.split(';');

for (i=1; i<a.length; i++) {
   document.write (i+'<input type="radio" value="'i+'"><br />'); 
}
</script>
        </body>
    </html>


только не могу понять как чтобы там появлялось у radiobutton значение value="i"

animhotep 13.05.2013 18:07

<html>
        <head>
            <title>javascript for</title>
            <link rel="stylesheet" type="text/css" href="style.css">
           
        </head>
        <body>
            <script type='text/javascript'>
var a='1;2;3;4;5;';
a=a.split(';');

for (i=1; i<a.length; i++) {
   document.write (i+'<input type="radio" value="'+i+'"><br />'); 
}
</script>
        </body>
    </html>

Жекаизжека 13.05.2013 18:34

Код:

<html>
        <head>
            <title>javascript for</title>
            <link rel="stylesheet" type="text/css" href="style.css">
          </head>
        <body>
          <script type='text/javascript'>
var names = 'Маша, Петя, Марина, Василий';
var arr = names.split(', ');
for (var i=0; i<arr.length; i++) {
  document.write (arr[i]+'<input type="radio" value="'+arr[i]+'"><br />');
}
</script>
        </body>
    </html>

Большое спасибо добился того что нужно ))

Ramzes94 13.10.2016 11:19

Нужна помощь
 
Подскажи пожалуйста, как к checkbox добавить текcтовый input.

Суть работы скрипта:

Если checkbox отмечен, то необходимо заполнить текстовый input выделенный красным.
Если же нет то все по умолчанию.
После заполнения текстового input, отмеченное значение попадает в textarea

Цитата:

Сообщение от ksa (Сообщение 248180)
Как вариант...

<!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, время: 00:00.