[jQuery] Looking for help with a small jquery project by a noob
Greetings all. I am trying to add some jquery code to a few modules I
am developing in Drupal 5.x. I'm struggling to get up to speed with
jquery but so far i've been successful in what I have tried to do.
Until now. If you would like to see the discussion I have already
started at Drupal it is at http://drupal.org/node/269197.
I have a very basic html page to outline what I am trying to do. A
version of it is here:
http://www.whootis.com/dev/jquery.html
I have three radio buttons as part of a group. I want to accomplish 2
things:
1> When the page loads, the state of the textfield (hidden or shown)
is determined based on what radio button has been set to be checked
and the textfield gets set.
2> When ever a user selects radio buttons R1 or R3 the textfield
remains hidden, and when the user clicks on R2 the textfield becomes
visible.
I have stumbled through various examples and gotten it to work
sometimes, and other times I can't get it to work at all. Can someone
help me out here with some advice?
-Geoff
For reference here is the example page:
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
var checkedValue = $
("input[@name='myradiobutton']").val("r2");
$(checkedValue).is(':checked') ? $("#txtfld").hide() : $
("#txtfld").show();
$('input').click(function()
{
$
("input[@name='myradiobutton']").val("r2").is(':checked') ? $
("#txtfld").show() : $("#txtfld").hide();
});
});
</script>
</head>
<body>
<form name="myform" action="#">
<input type="radio" value="r1" name="myradiobutton"
checked="true" />1st<br />
<input type="radio" value="r2" name="myradiobutton" />2nd<br /