How to bind array value in HTML radio button using JQuery
Hello Friends, in this article, we learn how to bind array in radio input using JQuery.
Script code:
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function ()
{
var
array = ["NEERAJ", "AMIT", "RAM", "SANDESH", "RAJESH", "RIYA", "SONALI"];
var
htmlradio = '';
$.each(array, function
(index, value) {
htmlradio += '<input
type="radio" name="group" id="' +
value + '" value="' + value + '" /><label for="' + value + '">' +
value + '</label>';
$("#radiogroup").html(htmlradio);
});
});
</script>
HTML code:
<fieldset style="width:600px">
<legend>Bind
array value in html radio button using JQuery
</legend>
<div id="radiogroup"></div>
</fieldset>
Out-Put:
No comments: