如何使複選框更改值？

所以我只是想知道如何改變值，只要有人點擊複選框。基本上總土地轉讓稅（PLTT + TLTT）應該變成$0。我已經厭倦瞭如果語句帶有複選框但是程序無法正常工作。我應該只需要一些建議？如何使複選框更改值？

<!doctype html> 
<html> 
    <head> 
     <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script> 
    </head> 
    <body> 
     <table bgcolor="#D4D4D4" border="1" width="450" height="60"> 
      <tr> 
       <td width="175" align="center">Land Transfer Tax Calculator</td> 
      </tr> 
     </table> 

     <table border="0" bgcolor="#E7E7E7" width="450" height="69"> 
      <tr> 
       <td height="30" align="center">Enter the Price:<input type="textbox" name="x1" id="price" style="width:150px"></td><br> 
      </tr> 
      <tr> 
       <td align="center" ><font size="2">(no commas or decimals)</font></td> 
      </tr> 
      <tr> 
       <td align="center"><input type="checkbox" id="check1" value="">First time home buyers</td> 
      </tr> 
      <tr> 
       <td align="center"><input type="button" id="calculate" style="" value="Calculate"></td> 
      </tr> 
     </table> 

     <table bgcolor="#E7E7E7" width="450" border="0" > 
      <tr> 
       <td align="center">Provincial Land Transfer Tax (PLTT)</td> 
       <td align="center">Toronto Land Transfer Tax (TLTT)</td> 
       <td align="center">Total Land Transfer Tax (PLTT + TLTT)</td> 
      </tr> 
      <tr> 
       <td align="center"><input type="textbox" id="provincal" value="" style="width:135px" disabled/></td> 
       <td align="center"><input type="textbox" id="toronto" value="" style="width:135px" disabled/></td> 
       <td align="center"><input type="textbox" id="final" value="" style="width:135px" disabled></td> 
      </tr> 
     </table> 
    </body> 

    <script type="text/javascript"> 
     $("#calculate").click(function() { 
      var x1 = $("#price").val(); 
      var y1,y2,y3,y4; 

      if (x1 <= 50000) { 
       y1=x1*0.005; //Provinical 
       y2=x1*0.005; //Toronto 
       y3=y1+y2; 
      } 
      else if (x1 <= 250000) { 
       y1=(x1*0.01)-275; //Provinical 
       y2=y1; //Toronto 
       y3=y1+y2; 
      } 
      else if (x1<=400000) { 
       y1=(x1*0.015)-1525; //Provinical 
       y2=(x1*0.01)-275; //Toronto 
       y3=y1+y2; 
      } 
      else if (x1>=400001) { 
       y1=(x1*0.02)-3525; 
       y2=y1-750; 
       y3=y1+y2; 
      } 

      $("#rebate").val(y4); 
      $("#final").val(y3); 
      $("#toronto").val(y2); 
      $("#provincal").val(y1); 
     }); 
    </script> 
</html>

來源

2013-10-18 CommanderMed

你有什麼試過？使用jQuery，這看起來相當平凡。閱讀複選框上的更改，並在複選框打開時將#final設置爲$ 0。 – Think

Duplicate：http://stackoverflow.com/questions/901712/check-checkbox-checked-property-using-jquery – yarl

使用click事件處理程序試試這個處理選中/取消的事件和運行爲易於內部的計算。 jsFiddle link

$("#check1").click(function() { 
    if ($("#check1").prop("checked")) { 
     $("#final").val(0); 
     $("#toronto").val(0); 
     $("#provincal").val(0); 
    } 
    else{ 
     calc(); 
    } 
});

來源

2013-10-18 18:32:30

謝謝sooo幫助我出去!!!!! – CommanderMed

如果它解決了主題中的問題，請將其標記爲答案。 –

你過得怎麼樣？

在計算結束（但改變文本框的值之前）

if ($("#check1").is(":checked")) { 
    y3=0; 
}

來源

2013-10-18 18:26:39 user1952067

您可以試試。

$("checkbox#check1").on('click',function(){ 
    if($(this).is(":checked")){ 
     $("input#price").val(0); 

    }else{ 
     calculate(); 
    } 
})

來源

2017-07-23 07:09:34

如何使複選框更改值？

回答

相關問題