zoukankan      html  css  js  c++  java
  • (单选后,显示相对应的div)点击免费没有变化,点击收费出现输入框

    <li>
    <label class="feiyonglabel">活动费用</label>
    <div class="textbox textbox2">
    <label><input type="radio" name="hdprice" data-type="1" class="hdprice"> 免费</label>
    <label id="charge" data="on"><input type="radio" name="hdprice" class="hdprice" value="1" data-type="2"> 收费</label>
    </div>
    <div class="feiyong"><input class="" type="text"> 元/每人</div>
    </li>
    <script>
    $('.hdprice').click(function(){
    var attr = $(this).attr('checked');
    if($(this).attr('data-type')=='2'){
    if(attr=='checked'){
    $('.feiyong').css('visibility','visible');
    }
    } else{
    $('.feiyong').css('visibility','hidden');
    }
    });
    </script>

    例子2:
                      <div class="form-group">
                                        <label class="control-label">申请类型:</label>
                                        <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3 lineheight lineheightlx">
                                            <label><input type="radio" name="leixinra" data='sc' />商城</label>
                                            <label><input type="radio" name="leixinra" data='wm' />外卖(包括商城)</label>
                                        </div>
                                    </div>
                                    <script>
                                        $(function(){
                                            var datatype = $('.lineheightlx input:radio[name="leixinra"]:checked').attr('data');
                                            if(datatype=='wm'){
                                                $('.yincangcontent').show();
                                            } else{
                                                $('.yincangcontent').hide();
                                            }
                                            $('.lineheightlx input').click(function(){
                                                    var datatype2 = $('.lineheightlx input:radio[name="leixinra"]:checked').attr('data');
                                                    if(datatype2=='wm'){
                                                        $('.yincangcontent').show();
                                                    }else{
                                                        $('.yincangcontent').hide();
                                                    }                                                
                                            });
                                        });
                                    </script>
  • 相关阅读:
    C++ assert()断言
    libcurl API:CURLOPT_REFERER的用法
    hdu 2821 Pusher (dfs)
    快速找到跟踪其他session产生的trc文件
    10635
    pat 1055 区间前k个
    闲话Cache:始篇
    闲话缓存:算法概述
    instance 怎么获得自己的 Metadata
    通过 dhcp-agent 访问 Metadata
  • 原文地址:https://www.cnblogs.com/mm2015/p/5070644.html
Copyright © 2011-2022 走看看