单独的复选框将值放入单独的文本框

Separate check box out put value to separate textbox

本文关键字：单独 文本 复选框      更新时间：2023-09-26
<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(的复选框/文本框，并重复脚本并进行一些更改。它有点工作，但不正确。任何想法都会很棒！干杯。

我不知道

您要实现什么，但是当想要获取复选框的值时，您可以简单地获取它们的值，例如：

<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>
相关文章：