Function is not working on radio button onclick
Question
JavaScript function (here f1() ) is not getting called on radio button (here id= iprange ) onclick event.
HTML
function f1() { alert('yes'); }
<form role="form"> <div class="box-body"> <label> <input type="radio" name="optionsRadios" id="fullscan1" value="option1" /> Full Scan </label> <!-- "IP Range" is the radio button that should show a "yes" alert. --> <label> <input type="radio" name="optionsRadios" id="iprange" value="option2" onclick="f1();" /> IP Range </label> From: <input type="text" id="text1"> To: <input type="text" id="text2"> <label> <input type="radio" name="optionsRadios" id="subnet" value="option3" /> Subnet </label> <input type="text" id="text3"> <button class="btn btn-danger">Scan</button> </div> </form>
3 answers
solution1
1 ACCPTED 2014-10-08 10:38:19
@Suresh Kota . At this point its impossible to give an satisfying answer, you'll have to do a step-by-step-investigation. Start with following and post your result here.
<head>
....
<script> // your script tag, I assume it looks like this
$(document).ready(function() {
/* some code */
});
// now include your function as last line outside document ready
function f1() {alert('yes');};
</script>
<!-- Make sure this is the only script tag in your html -->
....
</head>
If that doesn't help, rename your function, eg function xxx() {alert('yes');};
and same with onclick-attribute in input-tag: onclick="xxx()" .
When having no succes, try directly: onclick="alert('yes')"
If that all not work, there's something inside your document.ready that manipulates the button, and you should post that code.
solution2
0 2014-10-08 09:37:55
Try this one:
<input type="radio" name="optionsRadios" onclick="handleClick(this);" value="option1" />
<input type="radio" name="optionsRadios" onclick="handleClick(this);" value="option2" />
...
<script>
function handleClick(myRadio) {
alert('New value: ' + myRadio.value);
}
</script>
solution3
0 2018-06-13 11:34:03
<label onclick="red()"><input type="radio" name="colors" id="red">Red</label>
or
<label onclick="red()"><input type="radio" name="colors" id="red"></label> <label for="red">Red</label>
<script>
function red(){
alert('i am red');
}
</script>
if you want to call onclick function on radio button then you can use like this, it will work for you
Note: we have to call on function on label instead of radio button
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.