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>
  • 相关阅读:
    AngularJS中的Provider们:Service和Factory等的区别
    解决Eclipse建立Maven项目后无法建立src/main/java资源文件夹的办法
    关于EL表达式不起作用的问题
    Tomcat+Nginx 负载均衡配置,Tomcat+Nginx集群,Tomcat集群
    Java WebService 简单实例
    火狐浏览器中表单内容在表单刷新时候不重置表单信息
    ie文本框内容不居中问题
    javascript call和apply方法
    javascript的词法作用域
    C++提高编程 deque容器
  • 原文地址:https://www.cnblogs.com/mm2015/p/5070644.html
Copyright © 2011-2022 走看看