Trigger checkbox click with button

Question

I'm trying to change my 'send' button which onClick sends a message from an input box to a div, to also trigger the click of a 'checkbox' input.

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)">

*These buttons are actually in a form

JS

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

I've searched around but I can't find a way to make the send button trigger the checkbox, any suggestions?

Are you using jQuery? And where is send button?

Satpal
– Satpal

2015-02-03 09:14:57 +00:00
Commented Feb 3, 2015 at 9:14 — Satpal
– Satpal, Commented Feb 3, 2015 at 9:14
jQuery('[name="sendsms"]').click()?

putvande
– putvande

2015-02-03 09:27:35 +00:00
Commented Feb 3, 2015 at 9:27 — putvande
– putvande, Commented Feb 3, 2015 at 9:27

Md Ashaduzzaman · Accepted Answer · 2015-02-03 09:38:27Z

1

So what you need is to have same handler for both onclick and onchange events. Try this way,

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

edited Feb 3, 2015 at 9:38

answered Feb 3, 2015 at 9:27

Md Ashaduzzaman

4,0462 gold badges20 silver badges34 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

KingAlfredChameleon Over a year ago

I don't see why you changed document.getEelemntById..... code? It seemed fine to just change the 'if' part

Md Ashaduzzaman Over a year ago

op mentioned to send the message from an input box to a div. But didn't find any div to show the message. So created a div and also removed the unnecessary codes irrelevant to this problem.

Collectives™ on Stack Overflow

Trigger checkbox click with button

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related