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#模拟POST表单提交 WebClient
    视频广告屏蔽器(附下载地址)
    SQL Server 不同数据库导入指定数据解决方案
    WinRAR(WinZip)压缩与解压实现(C#版Window平台)
    Visual Studio 扩展包(.vsix)制作
    ORM for Net主流框架汇总与效率测试
    文件删除小助手
    C# 控制台应用程序输出颜色字体[更正版]
    IE与IE内核浏览器的那点事
    where in的sql语句按照指定ID进行排序的解决方法
  • 原文地址:https://www.cnblogs.com/mm2015/p/5070644.html
Copyright © 2011-2022 走看看