如果勾选到文本字段,是否可以添加复选框的值?

时间:2017-05-05 01:33:10

标签: javascript forms validation checkbox parsley

如果勾选到文本字段,是否可以添加复选框的值?

我有这个表格......

http://xotio.com/photos/download/turk.html

如果单击该复选框,我尝试将复选框的值添加到文本框中。

在我的表单中,每个图像有一个文本框和三个复选框(其中一个复选框打开了更多复选框选项,我并不关心那些颜色选择)。我试图添加'值'上面文本字段中的三个主要复选框。这可能吗?

我想要的复选框的值是'失去了'和'无'和'模糊'如果选中它们,请将它们的值添加到上面的文本框中。

最后,我尝试使用parsley在提交表单之前验证每个文本框的数据。偶尔会出现文本框中没有输入数据的情况,但是用户已经选中了正确的方框,我希望它能够验证并且不能提出除此之外的任何想法...任何帮助或想法都会很棒。提前感谢,并为长期复杂的问题感到抱歉。

1 个答案:

答案 0 :(得分:0)

我举一个例子供你参考:

<html>
    <body>
        <input type="checkbox" value="lost" onclick="sendValueToTextBox(this)">lost
    <br>
    <input type="checkbox" value="none" onclick="sendValueToTextBox(this)">none
    <br>
    <input type="checkbox" value="blurry" onclick="sendValueToTextBox(this)">blurry
    <br>

    <input type="text" id="fg">


    <script language=javascript>
    function sendValueToTextBox(checkbox) {
    var textbox=document.getElementById("fg");
    if (checkbox.checked)
        textbox.value=checkbox.value;
    else
        textbox.value="";
    }
    </script>

 </body>
  </html>