jquery - Toggle DIV when Radio Buttons are checked -

-

i trying make div toggle visible , not visible when group of radio buttons yes or no.

for example have a list of stores in div want list of stores visible when radio button checked yes.

edit script view

<div id="script_form_wrapper">     <%= form_for(:script, :url => {:action => 'update', :id =>@script.id}) |f| %>         <div id="script_form_visibility">             <div class="issue_section_header" align="center">visibility</div>             <div class="line-break"></div>             <div class="standardtext"><span class="boldtext">all stores:</span>                  <%=f.radio_button(:all_stores, true)%> yes                  <%=f.radio_button(:all_stores, false)%> no             </div>             <br/>             <div id="script_stores">                 <div class="issue_section_header" align="center">stores</div>                 <div class="line-break"></div>                 <div class="standardtext">                     <%@stores.each |store|%>                         <%= check_box_tag 'script[store_ids][]', store.id, @script.store_ids.include?(store.id), :id => dom_id(store) %>                         <%= label_tag dom_id(store), store.name, :class => "check_box_label" %><br/>                     <%end%>                 </div>             </div>         </div>         <div id="script_form">             <div class="boldtext"><%= f.label :name %></div>             <div><%=f.text_field :name, :size => '94', :maxlength => '70'%></div>             <div>                 <table width="100%" cellspacing="0">                     <tr>                         <td class="boldtext"><%= f.label :category_id, "category" %></td>                         <td class="boldtext" align="right">show id required field</td>                     </tr>                     <tr>                         <td class="standardtext"><%=f.select(:category_id, @categories.collect {|c| [c.name, c.id]}, :selected => session[:admin_category])%></td>                         <td class="standardtext" align="right"><%=f.radio_button(:require_id, true)%> yes <%=f.radio_button(:require_id, false)%> no</td>                     </tr>                 </table>             </div>             <div class="boldtext"><%= f.label :task %></div>             <div><%= f.text_area(:task, :size => "68x20") %></div>             <div class="boldtext"><%= f.label :expected_results, "expected results" %></div>             <div><%= f.text_area(:expected_results, :size => "68x20") %></div>             <div align="center"><%= f.submit "update script" %></div>         </div>     <% end %> </div>

sad attempt of javascript

<script type="text/javascript">  $(function() {     $("[name=script[all_stores]]").click(function(){             $('#script_stores').hide();             $("#script_all_stores_"+$(this).val()).show('slow');     });  }); </script>

rendered html source

<div class="standardtext"><span class="boldtext">all stores:</span>                  <input id="script_all_stores_true" name="script[all_stores]" type="radio" value="true" /> yes                  <input checked="checked" id="script_all_stores_false" name="script[all_stores]" type="radio" value="false" /> no             </div>

solution

<script type="text/javascript">  $(function() {     if($("#script_all_stores_false").is(":checked")){        $('#script_stores').show();             }else{        $('#script_stores').hide();              }     $("input[name='script[all_stores]']").change(function(){         if($("#script_all_stores_false").is(":checked")){            $('#script_stores').show();                 }else{            $('#script_stores').hide();                  }     }); });    </script>

thank you help!!!

  $("[name=script[all_stores]]").change(function(){         $('#script_stores').toggle();              });

or

      $("[name=script[all_stores]]").change(function(){          if($(this).is(":checked")){            $('#script_stores').show();             }else {            $('#script_stores').hide();             }        });

Comments

Post a Comment

Popular posts from this blog

php - What is the difference between $_SERVER['PATH_INFO'] and $_SERVER['ORIG_PATH_INFO']? -

-
what’s difference between $_server['path_info'] , $_server['orig_path_info'] ? how use them? when run print_r($_server) , path_info , orig_path_info not present in array. why not? how can enable them? i have read php manual on them, still don’t understand them. the path_info variable present if invoke php script this: http://www.example.com/phpinfo.php/hello_there it's /hello_there part after .php script. if don't invoke url that, there won't $_server["path_info"] environment variable. the porig_ prefix uncommon. path_info standard cgi-environment variable, , should never prefixed. did read that? (there issues around php3/php4 if invoked php interpreter via cgi-bin/ - hardly has such setups today.) for reference: http://www.ietf.org/rfc/rfc3875
Read more

fortran - Function return type mismatch -

-
i'm attempting recode old c++ program in fortran make use of lapack (i'm aware c++ have lapack++, i'm having lot of trouble installing it, gave up). i didn't have problems compilation, when had variables declared real . when started coding section of program required lapack, found parameters passed dsyev need double precision . tried change double precision (including changing hard coded numbers double precision counterparts, i.e. 0.0 -> 0.0d0) when try compile, following error of functions , subroutines i've written: error: return type mismatch of function <function> @ (1) (real(4)/real(8)) i'm not sure coming from, in program has been changed double precision. for example, i've declared following: double precision :: alpha(3),d(3),zeta1,zeta2 double precision :: a1(3),a2(3),d1(3),d2(3) double precision :: pi pi = 3.14159265359d0 alpha = (/0.109818d0, 0.405771d0, 2.22766d0/) d = (/0.444635d0, 0.535328d0, 0.154329d0 /) 10 i=1,3 ...
Read more

queue - mq_receive: message too long -

-
i implementing communication between 2 processes using queue. problem when call function mq_receive, error: message long. i have done following: struct mq_attr attr; long size = attr.mq_msgsize; .... // initializing queue "/gateway" int rc = mq_receive(gateway, buffer, size, &prio); if print size value, size=1, while when print same size program (got same mechanism), not long integer ( -1217186280 )... how can solve error?....so while size = 1, believe it's right "message long" why 1? p.s. have tried put : int rc = mq_receive(gateway, buffer, sizeof(buffer), &prio); but no result. it seems need read docs more carefully. when call mq_receive should pass size of destination buffer. this size must greater mq_msgsize attribute of queue . in addition, seems have error in queue attributes initialisation makes proper mq_receive call impossible. here standard message queue session: fill mq_attr struct ( doc ): struct mq_a...
Read more