javascript - group radio buttons and toggle input controls using jQuery -


i want show textboxes of selected radiobutton only. works such. problem when click on textbox type anything, toggle. , radio button selection doesn;t change current selection. please find detailed code below

<html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"> </script> <script>  $(document).ready(function()  {    $(".userid_textbox").hide();    $(".userid").click(function()    {      var kid=$(this).children(".userid_textbox");      var dad=$(this).parent();      var toggledkid = $(dad).find('.toggle');      $(kid).addclass("toggle").show('slow');      $(toggledkid).hide('slow').removeclass('toggle');    }); }); </script> </head> <body> <div class="contentbox tp">  <h1 class="heading">sites list</h1>    <div style="float:left;margin-right:185px;" class="userid">    <input type="radio" id="" value="search userid" checked/>search userid   <div class="userid_textbox">    <input id="username" maxlength="50" name="username" style="width: 50%;      font-size: 25px;" tabindex="1" type="text" value="" />    </div>   </div>    <div style="float:left;margin-right:100px;display:inline;" class="userid">    <input type="radio" id="" value="search sitename"/>search sitename   <div class="userid_textbox">    <input id="username2" maxlength="50" name="username1" style="width: 50%;      font-size: 25px;" tabindex="1" type="text" value="" />    </div>   </div>    <div style="float:left;margin-right:50px;display:inline;" class="userid">    <input type="radio" id="" value="search expiry date"/>search      expiry date   <div class="userid_textbox">    <input id="username3" maxlength="50" name="username2" style="width: 50%;      font-size: 25px;" tabindex="1" type="text" value="" />    </div>   </div>   </div>  </body> </html>

there go: http://jsfiddle.net/s7cby/

you need add same name attribute radio buttons group them, i.e.:

<input type="radio" name="searchby" id="" value="search userid" checked/>      search userid <input type="radio" name="searchby" id="" value="search sitename"/>     search sitename <input type="radio" name="searchby" id="" value="search expiry date"/>     search expiry date

and clean-up jquery so:

$(document).ready(function() {   $(".userid_textbox").hide();   $('[name="searchby"]').click(function()   {     $(".userid_textbox").hide();     $(this).next(".userid_textbox").show();   }); });

Comments

Post a Comment

Popular posts from this blog

c# - SharpSVN - How to get the previous revision? -

i trying find efficient way previous revision of file text comparison using sharpsvn. using (svnclient c = new svnclient()) { c.authentication.defaultcredentials = new networkcredential( configurationmanager.appsettings.get("svnserviceusername") , configurationmanager.appsettings.get("svnservicepassword") , configurationmanager.appsettings.get("svnservicedomain") ); c.authentication.sslservertrusthandlers += new eventhandler<svnsslservertrusteventargs>(authentication_sslservertrusthandlers); collection<svnfileversioneventargs> fileversioncollection = new collection<svnfileversioneventargs>(); svnrevisionrange range = new svnrevisionrange(0, this.hooks.revision); svnfileversionsargs args = new svnfileversionsargs(); args.retrieveproperties = true; args.range = range; foreach (svnchangeitem item in log.changedpaths) { string path = this.repositorypath + it...
Read more

c++ - Is it possible to compile a VST on linux? -

for class project i'm attempting write vst plugin backed cuda. current cuda workflow on linux box, i'd prefer compile , link there. according wikipedia , should possible (i couldn't find steinberg documentation relevant linux) can't find makefile or instructions on how build if aren't using xcode or visual studio. i'm vst 3 sdk doesn't support linux. when try compile plugin under linux, error: ./base/source/fatomic.cpp:39:30: fatal error: libkern/osatomic.h: no such file or directory this issue caused following code in "vst3 sdk/base/source/fatomic.cpp" #if mac #include <libkern/osatomic.h> #if mac_os_x_version_min_required > mac_os_x_version_10_4 #define native_atomic_type (volatile int32_t*) #else #define native_atomic_type (int32_t*) #endif #elif windows #include <windows.h> #endif but hope compiling under linux work vst sdk 2.4. reading. jvstwrapper seems run on lin...
Read more

url - Querystring manipulation of email Address in PHP -

i using third party application (email2http) send me emailid, body , message. unable retrieve email id due name appended on , enclosed < , >. here querystring getting. test.php?from=ajay+reddy &subject=cx&body=somebody when print variable in php returns name , not email id. $from = $_get['from']; echo $from; //output ajay reddy please suggest me how can emailid also. i dont want use post method due testing , debugging. it's working fine. forgot use htmlentities() in debugging.
Read more