php - enable / disable textbox depending on checkbox - javascript -


hi have problem when try make php javascript function want make textbox go enable / disable depending on checkbox on left side

this code

<html> <head>     <meta http-equiv="content-type" content="text/html; charset=utf-8">     <title></title>     <script type="text/javascript">         function enable_txtbox(id){             if(document.getelementbyid(id).disabled){                 document.getelementbyid(id).disabled=false;                 var x = document.getelementbyid(id).disabled;                 document.getelementbyid("demo").innerhtml=x;             }             else                 document.getelementbyid(id).disabled=true;         }     </script> </head> <body>     <form method="get">     <table>         <tbody>             <tr>                 <td>nama gejala</td>                 <td>:</td>                 <td><input type="text" name="nama"></td>             </tr>             <tr>                 <td>jenis gejala</td>                 <td>:</td>                 <td><select name="jenis">                         <option value="0">umum</option>                         <option value="1">khusus</option>                     </select></td>             </tr>         </tbody>     </table>         <table>             <thead>                 <tr>                     <td>penyakit yang berhubungan</td>                     <td>:</td>                 </tr>               </thead>             <tbody>                 <?php                      $id=1;                     while($row = mysqli_fetch_array($result)){                         $id=$row['id'];                         echo "<tr>";                         echo "<td><input type='checkbox' name='chk$id' value='$id' onclick='enable_txtbox('".$id."')'>".$row['nama']."<br></td>";                         echo "<td>nilai kepastian</td>";                         echo"<td>:</td>";                         echo "<td><input type='text' name='cf".$id." id='$id' disabled='disabled'></td>";                         echo "</tr>";                     }                     mysqli_close($con);                 ?>             </tbody>         </table>         <table>             <tbody>                 <tr>                     <p id="demo"></p>                     <td><input type="submit"></td>                 </tr>             </tbody>         </table>     </form> </body> </html>

ps : have more 1 checkboxes , textboxes depending on database file

thanks before , forgive me bad english skill :)

you should use jquery check whether checkbox checked. have checkbox id='idtag', , check whether checkbox checked or not.

$('#idtag').is(":checked")

this returns true should checkbox checked; moment on use jquery either show hidden, or append div. text input box has id 'textid'.

method one:

if($('#idtag').is(":checked"))     $("#textid").css("display", "block"); //if show block.  if($('#idtag').is(":checked"))     $("#textid").fadein("slow"); //gives nice effect well.

method two:

<div id='div'>    <input type='checkbox' id='idtag' value='checkbox'/> </div> <script>    if($('#idtag').is(":checked"))        $("#div").append("<input type='text' placeholder='textbox' />"); </script>

Comments

Post a Comment

Popular posts from this blog

android - Get AccessToken using signpost OAuth without opening a browser (Two legged Oauth) -

i using signpost oauth access data magento server. have read various tutorials on same , reach point open browser user can enter credentials. however, per requirement have automate part. hence, user should not browser page. have set-up done on server side ( magento ), hit url , returned call page. same through program in android. i have tried below, consumer = new commonshttpoauthconsumer(key, secret); provider = new commonshttpoauthprovider(oauth_init_url,access_token_url, authorize_url); try { provider.retrieverequesttoken(consumer, oauth.out_of_band); log.d("tokens" , consumer.gettoken() + " -- " + consumer.gettokensecret()); } and request tokens. dont know how bypass next step. tried directly accessing accesstoken (stupid of me) provider.retrieveaccesstoken(consumer, "mycallback://callback"); no luck, ends in oauth.signpost.exception.oauthnotauthorizedexception: authorization failed (server replied 401). ...
Read more

org.mockito.exceptions.misusing.InvalidUseOfMatchersException: mockito -

getting error org.mockito.exceptions.misusing.invaliduseofmatchersexception: invalid use of argument matchers! 1 matchers expected, 2 recorded. exception may occur if matchers combined raw values: //incorrect: somemethod(anyobject(), "raw string"); when using matchers, arguments have provided matchers. example: //correct: somemethod(anyobject(), eq("string matcher")); at when( getprogramservice .callservice(any(getprogramtype.class))) .thenreturn(jaxbresponse); please explain error , possible resolution the code posted looks fine; don't see problem it. code before or above causing exception. key here: invalid use of argument matchers! 1 matchers expected, 2 recorded. any , used above, doesn't return "special kind of null" or "special kind of getprogramtype"; don't exist. instead, returns null , side effect puts matcher on stack. whe...
Read more

google shop client API returns 400 bad request error while adding an item -

i'm working on solution add items in google shopping market java application. following tutorial real mess because of missing classes of laste release, after setting 1.5-beta maven managed make base example typecheck correctly classes. still can make simple task of adding 1 item. instead of posting whole code i'm posting part creates product feed. private product createproduct(string id) { product product = new product(); product.title = "red wool sweater"; product.content = new content( "text", "comfortable , soft, sweater keep warm on " + "cold winter nights. red , blue stripes."); product.appcontrol = new appcontrol(); product.appcontrol.addrequireddestination("productads"); product.externalid = id; product.lang = "it"; product.country = "it"; product.condition = "nuovo"; product.price = new price("eu...
Read more