[jQuery] Using jQuery to make server calls when radio button is clicked
<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40">
<head>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=us-ascii">
<meta name=Generator content="Microsoft Word 12 (filtered medium)">
<style>
<!--
/* Font Definitions */
@font-face
{font-family:Wingdings;
panose-1:5 0 0 0 0 0 0 0 0 0;}
@font-face
{font-family:"Cambria Math";
panose-1:2 4 5 3 5 4 6 3 2 4;}
@font-face
{font-family:Calibri;
panose-1:2 15 5 2 2 2 4 3 2 4;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{margin:0cm;
margin-bottom:.0001pt;
font-size:12.0pt;
font-family:"Calibri","sans-serif";}
a:link, span.MsoHyperlink
{mso-style-priority:99;
color:blue;
text-decoration:underline;}
a:visited, span.MsoHyperlinkFollowed
{mso-style-priority:99;
color:purple;
text-decoration:underline;}
span.EmailStyle17
{mso-style-type:personal-compose;
font-family:"Calibri","sans-serif";
color:windowtext;}
.MsoChpDefault
{mso-style-type:export-only;}
@page Section1
{size:612.0pt 792.0pt;
margin:72.0pt 72.0pt 72.0pt 72.0pt;}
div.Section1
{page:Section1;}
/* List Definitions */
@list l0
{mso-list-id:1007749108;
mso-list-template-ids:-1658965104;}
@list l0:level1
{mso-level-number-format:bullet;
mso-level-text:\F0B7;
mso-level-tab-stop:36.0pt;
mso-level-number-position:left;
text-indent:-18.0pt;
mso-ansi-font-size:10.0pt;
font-family:Symbol;}
ol
{margin-bottom:0cm;}
ul
{margin-bottom:0cm;}
-->
</style>
<!--[if gte mso 9]><xml>
<o:shapedefaults v:ext="edit" spidmax="1026" />
</xml><![endif]--><!--[if gte mso 9]><xml>
<o:shapelayout v:ext="edit">
<o:idmap v:ext="edit" data="1" />
</o:shapelayout></xml><![endif]-->
</head>
<body lang=EN-GB link=blue vlink=purple>
<div class=Section1>
<p class=MsoNormal>Hey folks.
I seem to be having something of a problem with not knowing what do...
I'm using ASP.NET and jQuery to do various different things in projects I'm
working on. One of them involves radioboxes.
What I would like to have is this:
I have a bunch of table rows inside an ASP:Repeater control.
Each control has 3 radio buttons.
Each row has its radiobuttons grouped (name=xxx) according to a unique value
pulled from a database.
A page of 20 items is pulled from the db. When the user clicks on a radio
button, I would like the page to make a server call to the db updating the
value of the particular row.
The reason I'm asking this in here is because: <o:p></o:p>
<ul type=disc>
<li class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto;
mso-list:l0 level1 lfo1'>jQuery is cool. No question.<o:p></o:p></li>
<li class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto;
mso-list:l0 level1 lfo1'>I'm already using a lot of jQuery in my work and
would like to continue.<o:p></o:p></li>
<li class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto;
mso-list:l0 level1 lfo1'>Wouldn't know where to ask in .NET world.<o:p></o:p></li>
</ul>
<p class=MsoNormal style='margin-bottom:12.0pt'>Below is an example of what I
mean:<o:p></o:p>
<p class=MsoNormal><html>
<head>
<style type="text/css">
table {border-style: dotted; border-width:thin;}
td {border-style: double; border-width:thin;}
</style>
</head>
<body>
<form>
<table>
<thead>
<tr>
<th>Item Name</th>
<th>Item is unavailable</th>
<th>Item is available</th>
<th>Item is on offer</th>
</tr>
</thead>
<tbody>
<tr>
<td>Item 1</td>
<td><input type="radio"
name="Group1"/></td>
<td><input type="radio"
name="Group1"/></td>
<td><input type="radio"
name="Group1"/></td>
</tr>
<tr>
<td>Item 2</td>
<td><input type="radio"
name="Group2"/></td>
<td><input type="radio"
name="Group2"/></td>
<td><input type="radio"
name="Group2"/></td>
</tr>
<tr>
<td>Item 3</td>
<td><input type="radio"
name="Group3"/></td>
<td><input type="radio"
name="Group3"/></td>
<td><input type="radio"
name="Group3"/></td>
</tr>
</tbody>
</table>
</form>
</body>
</html><o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal>Thanks very much in advance,<o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal>Dan Atkinson<o:p></o:p>
</div>
</body>
</html>
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/