单独的复选框将值放在单独的文本框中

时间:2013-08-25 12:34:41

标签: php javascript html

<script>
var itemsAdded = Array();

function moveNumbers(text) { 
var i = itemsAdded.indexOf(text)
if ( i >= 0) { 
   itemsAdded.splice(i,1); 
} else {
   itemsAdded.push(text);
}
document.getElementById("list").value=itemsAdded.join("");

}

$(function() {
for (i=0;i<10;i++) {
console.log(i);
$("body").append("<input type='checkbox' id='list' name='list' value='"+ i +"' onclick='moveNumbers(this.value)'/> Checkbox"+ i +"<br/>");      
}
});

<legend>5x7</legend>
<input type="text" name="list" id="list"  style="width:800px; background:#B0D2D7">

<legend>Print size</legend>
<input style='width:20px; height:20px; background-color: #ff6633;'
type='checkbox' id='list' name='list' value='$file - 5x7,'
onclick='moveNumbers(this.value)'>5x7

大家好,这个东西很新,所以在这里,我到目前为止这一切都很好。它显示通过PHP脚本在网页上显示的图像旁边的复选框。 选中后,它会在文本框内显示文件名和图像打印尺寸。

我尝试添加更多复选框/文本框,其他打印尺寸为6x8,并重复脚本并进行一些更改。它有点工作但不正确。任何想法都会很棒! 干杯。

1 个答案:

答案 0 :(得分:0)

我不知道你想要实现什么,但是当想要获得复选框的值时,你可以简单地得到它们的值:

<html>
<head>
<script>
function check(id)
{
if ( document.getElementById(id).checked){
var vl=document.getElementById(id).value;
document.getElementById("txt1").value += vl;
}
}
</script>

</head>
<input type="checkbox" id='1' onClick='check(1)' value="5*7-">5*7
<input type="checkbox" id='2' onClick='check(2)' value="5*8-">5*8
<input type="textbox" id="txt1" name=one>
</html>