起步价:<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); } } }); });