• 机构投资者应合理审慎报价 2019-07-16
  • “2018上影之夜”姜文等为“谢晋经典电影回顾展”揭幕 2019-07-10
  • 交大钱学森学院举行毕业典礼 14毕业生赴世界排名前百大学读研 2019-07-10
  • 西安市:构建“五方联动”社会治理新格局 2019-06-23
  • IP定向--云南频道--人民网 2019-06-23
  • 育儿十大坎 新手妈妈快快get起来 2019-06-21
  • 吉林:让更多农村孩子参加少年宫活动 2019-06-21
  • 美国发起贸易战,我们要让世界知道美元、美债并不可靠 2019-06-05
  • 紫光阁中共中央国家机关工作委员会 2019-05-31
  • 监察体制改革后 湘西半年72名公职人员主动交代问题 2019-05-12
  • 媒体宣传报道重庆日报 王国平:扮靓重庆两江四岸” 让城市有机更新 2019-04-26
  • 我相信“交警雨中护送高考生”是真,“交警雨中护送高考生”反被该高考生家长投诉是假。 2019-04-16
  • 14名消防员日巡逻28公里 洗冷水澡 2019-04-10
  • 靶壕有了“蓝军”,百发百中的“神枪手”练起来 2019-04-10
  • 不是秀强大了,别人就会来做朋友,这逻辑不对 2019-04-01
  • 频道栏目
    神奇公式秒杀全国11选5 > 程序开发 > web前端 > JavaScript > 正文
    JS中选择被选中的单选框radio和jQuery选择被选中的单选框的方法以及简单的数字加减
    2016-12-17 09:31:00         来源:xiejinwen的博客  
    收藏   我要投稿
    HTML代码片段:
     神奇公式秒杀全国11选5 www.2zfa.com 
    起步价:<strong style="color:#007ce6; font-size:16px; " id="beginPr">75000 元 </strong><br> 当前价:  
        <strong style="color:#ff6c4d;; font-size:16px;">75200 元</strong>  
        </p>                  
            <p id='isguanzhu' class="focusa" style="colour:black">  
            <span style="white-space:pre">  </span><a>已关注</a>  
            </p>  
        </p>  
    </p>  
        <p class="btna">  
        <span style="color:#9d9d9d">  
      
            <form action="#" class="form-inline">  
                                  
                <p style=" margin-bottom: 6px;">  
                    <span style=" color: #333;">选择加减金额:</span>  
                    <p class="radio-inline" style=" color: #f54133; ">  
                        <label>  
                            <input id="price1" type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>100                    
                        </label>  
                    </p>  
                    <p class="radio-inline" style=" color: #f54133; ">  
                        <label>  
                            <input id="price2" type="radio" name="optionsRadios" id="optionsRadios2" value="option2">200  
                        </label>  
                    </p>  
                    <p class="radio-inline" style=" color: #f54133; ">  
                        <label>  
                            <input id="price3" type="radio" name="optionsRadios" id="optionsRadios3" value="option3">500  
                        </label>  
                    </p>  
                    <span>元</span>  
                </p> 

    JQuery:

    $(function (){  
        // var oBegin = document.getElementById('beginPr');  
        // var oPrice = document.getElementById('Price');  
        // var oP1 = document.getElementById('price1');  
        // var oP2 = document.getElementById('price2');  
        // var oP3 = document.getElementById('price3');  
        // var oS = document.getElementById('sub');  
        // var oA = document.getElementById('add');  
      
        // // oPrice.value = parseFloat(oBegin.innerHTML)/10000;  
      
        // oPrice.value = parseFloat(oBegin.innerHTML)/10000;  
          
      
        // oA.onclick = function (){  
        //  if( oP1.checked ){  
        //      oPrice.value = (parseFloat(oPrice.value) + 0.01).toFixed(2);  
        //  }else if(oP2.checked){  
        //      oPrice.value = (parseFloat(oPrice.value) + 0.02).toFixed(2);  
        //  }  
        //  else {  
        //      oPrice.value = (parseFloat(oPrice.value) + 0.05).toFixed(2);  
        //  }  
        // };  
      
        // oS.onclick = function (){  
        //  if( oP1.checked ){  
        //      if( oPrice.value < parseFloat(oBegin.innerHTML)/10000 || oPrice.value == parseFloat(oBegin.innerHTML)/10000){  
        //          oPrice.value = parseFloat(oBegin.innerHTML)/10000;  
          
        //      }else {  
        //          oPrice.value = (parseFloat(oPrice.value) - 0.01).toFixed(2);  
        //      }  
      
        //  } else if (oP2.checked){  
        //      if( oPrice.value < parseFloat(oBegin.innerHTML)/10000 || oPrice.value == parseFloat(oBegin.innerHTML)/10000){  
        //          oPrice.value = parseFloat(oBegin.innerHTML)/10000;  
          
        //      }else {  
        //          oPrice.value = (parseFloat(oPrice.value) - 0.02).toFixed(2);  
        //          if(oPrice.value < parseFloat(oBegin.innerHTML)/10000){  
        //  oPrice.value = parseFloat(oBegin.innerHTML)/10000;  
        //          }  
        //      }  
        //  }  
        //  else {  
        //      if( oPrice.value < parseFloat(oBegin.innerHTML)/10000 || oPrice.value == parseFloat(oBegin.innerHTML)/10000){  
        //          oPrice.value = parseFloat(oBegin.innerHTML)/10000;  
          
        //      }else {  
        //          oPrice.value = (parseFloat(oPrice.value) - 0.05).toFixed(2);  
        //          if(oPrice.value < parseFloat(oBegin.innerHTML)/10000){  
        //  oPrice.value = parseFloat(oBegin.innerHTML)/10000;  
        //          }  
        //      }  
        //  }  
        // };  
          
            //var oP1 = document.getElementById('parse1');  
            var b = (parseFloat($('#beginPr').html())/10000).toFixed(2);  
            $('#Price').val(b);  
      
            $('#add').on('click',function(){  
    if($('#price1').attr('checked')){  
        var a = (parseFloat($('#Price').val()) + 0.01).toFixed(2);  
        $('#Price').val(a);  
    }else if($('#price2').attr('checked')) {  
        var a = (parseFloat($('#Price').val()) + 0.02).toFixed(2);  
        $('#Price').val(a);  
    }else {  
        var a = (parseFloat($('#Price').val()) + 0.05).toFixed(2);  
        $('#Price').val(a);  
    }  
            });  
      
            $('#sub').on('click',function (){  
    if( $('#price1').is(':checked') ){  
        if(parseFloat($('#Price').val()) > b){  
            var c = (parseFloat($('#Price').val()) - 0.01).toFixed(2);  
            $('#Price').val(c);  
        }  
    }else if( $('#price2').is(':checked') ){  
        if(parseFloat($('#Price').val()) > b){  
            var c = (parseFloat($('#Price').val()) - 0.02).toFixed(2);  
            $('#Price').val(c);  
            if( parseFloat($('#Price').val()) < b || parseFloat($('#Price').val()) == b){  
    $('#Price').val(b);  
            }  
        }else {  
            $('#Price').val(b);  
        }  
    }else{  
        if(parseFloat($('#Price').val()) > b){  
            var c = (parseFloat($('#Price').val()) - 0.05).toFixed(2);  
            $('#Price').val(c);  
            if( parseFloat($('#Price').val()) < b || parseFloat($('#Price').val()) == b){  
    $('#Price').val(b);  
            }  
        }else {  
            $('#Price').val(b);  
        }  
    }  
            });  
              
    });
    点击复制链接 与好友分享!回本站首页
    上一篇:jquerycss
    下一篇:前段js编写的私有规范
    相关文章
    图文推荐
    点击排行

    关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训 | 神奇公式秒杀全国11选5

    版权所有: 神奇公式秒杀全国11选5--致力于做实用的IT技术学习网站

  • 机构投资者应合理审慎报价 2019-07-16
  • “2018上影之夜”姜文等为“谢晋经典电影回顾展”揭幕 2019-07-10
  • 交大钱学森学院举行毕业典礼 14毕业生赴世界排名前百大学读研 2019-07-10
  • 西安市:构建“五方联动”社会治理新格局 2019-06-23
  • IP定向--云南频道--人民网 2019-06-23
  • 育儿十大坎 新手妈妈快快get起来 2019-06-21
  • 吉林:让更多农村孩子参加少年宫活动 2019-06-21
  • 美国发起贸易战,我们要让世界知道美元、美债并不可靠 2019-06-05
  • 紫光阁中共中央国家机关工作委员会 2019-05-31
  • 监察体制改革后 湘西半年72名公职人员主动交代问题 2019-05-12
  • 媒体宣传报道重庆日报 王国平:扮靓重庆两江四岸” 让城市有机更新 2019-04-26
  • 我相信“交警雨中护送高考生”是真,“交警雨中护送高考生”反被该高考生家长投诉是假。 2019-04-16
  • 14名消防员日巡逻28公里 洗冷水澡 2019-04-10
  • 靶壕有了“蓝军”,百发百中的“神枪手”练起来 2019-04-10
  • 不是秀强大了,别人就会来做朋友,这逻辑不对 2019-04-01
  • 今晚广东36选7最新开奖查询结果 澳门博彩培训 上海快3彩经网 e时代娱乐平台 河北时时彩选号技巧 内蒙古十一选五彩开彩结果 正版白小姐四不像一肖中特 4加1彩票开奖结果走势 52期七乐彩预测 天中图库好运彩339 17105期福彩中奖分布 中国足彩网彩 北京11选5走势图基本 内蒙古快3形态走势图彩经网 中彩网双色球综合走势图表