频道栏目
首页 > 程序开发 > web前端 > JavaScript > 正文
JS中选择被选中的单选框radio和jQuery选择被选中的单选框的方法以及简单的数字加减
2016-12-17 09:31:00         来源:xiejinwen的博客  
收藏   我要投稿
HTML代码片段:
起步价:<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技术培训 | 举报中心

版权所有: 红黑联盟--致力于做实用的IT技术学习网站