Get selected radio button values using JQuery
Gets selected value from radio button group using jQuery:
<script type="text/javascript">
function Getsal() {
var selctedval = $('input[name=rdbage]:checked').val();
if (selctedval != ''
&& typeof selctedval != 'undefined') {
alert('You Selected ' + selctedval + ' salary');
}
else {
alert('Please Select salary Group')
}
}
</script>
Get selected values from radio button group using jQuery:
Use jquery-1.9.1.js file here we give url also for get this
file form web.
Get Selected Values From Radio Button using jQuery:
<!DOCTYPE html PUBLIC "-//W3C//DTD
XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Get radio button selected value by JQuery</title>
<script type="text/javascript"
src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script type="text/javascript">
function Getsal() {
var selctedval = $('input[name=rdbage]:checked').val();
if (selctedval != ''
&& typeof selctedval != 'undefined') {
alert('You Selected ' + selctedval + ' salary');
}
else {
alert('Please Select salary Group')
}
}
</script>
<style type="text/css">
#btnGetAge
{
height: 39px;
}
.style1
{
height: 44px;
color: #FFFFFF;
font-weight: 700;
font-size: x-large;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div align="center">
<h1>
Get radio
button selected value by JQuery
</h1>
<b>Select salary Rang:</b>
<table bgcolor="#CC0000"
border="2"
style="width: 532px">
<tr>
<td
class="style1"
align="center">
<input
type="radio"
name="rdbage"
value="10000 -
15000 " />
10000 - 15000
<br
/>
<input
type="radio"
name="rdbage"
value="15000 -
20000 " />
15000 - 20000
<br
/>
<input
type="radio"
name="rdbage"
value="20000 -
30000 " />
20000 - 30000<br />
</td>
</tr>
<tr>
<td align="center">
<br />
<input
type="button"
id="btnGetAge"
value="Get Salary
Group" onclick="Getsal()" />
</td>
</tr>
</table>
</div>
</form>
</body>
</html>
Get radio button checked value jquery:
In this Example we take 3 radio button in a salary group and
display selected salary group button value by jquery.
How to Get The Value of Selected Radio Button Using jQuery:
JQuery And Asp.net related Posts:
- Asp checkboxlist Example using C#
- Example jQuery Validate on CheckBoxList using C#
- Check Uncheck all html CheckBox controls using jQuery:
- Limitation of Characters in Textbox or TextArea in asp.netusing jquery:
- fill data into Dropdown list by using Jquery
- Validate ASP.Net RadioButtonList using JavaScript Example
- Cropping image using jQuery in asp.net
- javascript checkbox example onclick,
- checkbox validation using javascript,
- checkbox using javascript,
- checkbox validation using javascript in html,
- how to uncheck checkbox using javascript,
- check checkbox using javascript,
- Check Uncheck all asp.net CheckBox in asp.net using jQuery
- Example of jQuery Validate on Radiobuttonlist in Asp.Net using C#
- show and hide div by javascript.
- Asp checkboxlist control demo:
- Checkboxlist in asp.net(control example)
- enable checkbox using javascript
- create javascript array list.
- access literal control using javascript.
- literal control,display elements on button clicked.
- hide radio buttons in javascript on.
- Example of jQuery Validate on Radiobuttonlist in Asp.Net using C#
- Example jQuery Validate on CheckBoxList using C#
- Check Uncheck all asp.net CheckBox in asp.net using jQuery
- Check Uncheck all html CheckBox controls using jQuery:
- Asp.net CheckBoxList using jQuery.
- Limit Number of Characters in a TextArea using jQuery
- Get selected radio button values using JQuery
- How do you do html text encodes using JavaScript
try this code,
ReplyDeleteCode Working : **How to Hide / Show Div Tag When ASP.NET RadioButtonList Select**
http://allittechnologies.blogspot.in/2015/04/how-to-show-hide-div-tag-based-on-radiobuttonlist-click-using-jquery-and-javascript.html