prüfen Checkbox Preis Spanne je

Question

So habe ich eine Spendenformular und die Leute können unterschiedliche Mengen wählen zu spenden, so möchte ich automatisch eine Checkbox überprüfen, ob die Spendenbetrag größer oder gleich ist als 20.

Diese der html (die Daten insgesamt gleich bleibt der Text das Element ist, das zu ändern)

<span class="give-final-total-amount" data-total="20.00">$455.00</span> 
<input type="checkbox" value="2" name="group[12581][2]" id="mce-group[12581]-12581-1"> 

das, was ich versuche, mit jQuery

$(document).ready(function() { 
if ($(".give-final-total-amount").text() >= 20.00) { 
jQuery("#mce-group[12581]-12581-1").prop("checked", true); 
} 
else { 
    $("#mce-group[12581]-12581-1").prop("checked", false); 
} 
}); 

Answer 1

das Dollarzeichen Ihr Co verhindert Vergleich von der Arbeit. Sehen Sie weitere Kommentare unter:

$(function() { 
 
    // Get a reference to the checkbox 
 
    var chk = document.getElementById("mce-group[12581]-12581-1"); 
 
    
 
    // You can't compare the value of the span against a number if the value is not-numeric 
 
    // you have to remove the dollar sign first 
 
    if ($(".give-final-total-amount").text().replace("$", "") >= 20) { 
 
    // No need for JQuery on this, just set the checked property to true 
 
    chk.checked = true; 
 
    } else { 
 
    // Set checked property to false 
 
    chk.checked = false; 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<span class="give-final-total-amount" data-total="20.00">$455.00</span> 
 
<input type="checkbox" value="2" name="group[12581][2]" id="mce-group[12581]-12581-1">