javascript - 触发复选框单击按钮

Question

我正在尝试更改“发送”按钮，该按钮的 onClick 将消息从输入框发送到 div，同时触发“复选框”输入的单击。

HTML

<button type="submit" class="btn btn-default">Post</button> 
   <input name="stry" type="text" id="stry"/> 
   <input name="nope" type="text" id="message-input"/>
        <input type="checkbox" name="sendsms" onclick="copyStory(this)">

*这些按钮实际上是在一个表单中

JS

 function copyStory(ch) {
     if (ch.checked)
         var text1 = document.getElementById("message-input").value;
     else
         text1 = '';
     document.getElementById("stry").value = text1;
 }

我四处搜索，但找不到让发送按钮触发复选框的方法，有什么建议吗？

Answer 1

因此，您需要为 onclick 和 onchange 事件提供相同的处理程序。试试这个方法，

HTML:

<input type="button" id="sendButton" value="Send" onclick="copyStory(this)" />
<input name="nope" type="text" id="message-input"/>
<input type="checkbox" name="sendsms" onchange="copyStory(this)"/>

<div id="msgDiv"></div>

javaScript:

 function copyStory(ch) {
     var text1
     if (ch.checked || ch.id == "sendButton")
         text1 = document.getElementById("message-input").value;
     else
         text1 = document.getElementById("msgDiv").innerText = "";

     document.getElementById("msgDiv").innerText = text1;
 }

jsFiddle