檢查取決於價格的跨度複選框

Question

所以我有一個捐款的形式，人們可以選擇不同數量的捐贈，所以我想，如果捐贈金額超過20

這更大或等於自動選中一個複選框HTML（數據總保持相同的文本是改變元素）

<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"> 

這就是我用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

美元符號是防止您的合作嘗試從工作中比較。請參見下面的補充意見：

$(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">