Question

我有这个代码：

Amount<input type='text' name='amount' size='10'  >
  <br>      
Free<input type='text' name='fees' size='10' > 
 <br> 
 ------------
 <br>
<input type='radio' name='amount_type' value='Receive'checked> Receive<br>
<input type='radio' name='amount_type' value='Send'> Send<br>
-------------
 <br>
        
<input type='radio' name='curr' value='LBP'checked> LBP<br>
<input type='radio' name='curr' value='USD'> USD<br>

我想做的是

如果金额超过5000，请检查单选按钮curr：值LBP否则检查usd
如果已插入费用，则在单选按钮amount_type中：选中“接收”，否则选中“发送”。

可以帮忙吗

Answer 1

使用此代码。

Amount<input type='text' name='amount' size='10' id='amount'  >
  <br>      
Free<input type='text' name='fees' size='10' id='fees' > 
 <br> 
 ------------
 <br>
<input type='radio' id='receive' name='amount_type' value='Receive'checked> Receive<br>
<input type='radio' id='send' name='amount_type' value='Send'> Send<br>
-------------
 <br>

<input type='radio' id='lbp' name='curr' value='LBP'checked> LBP<br>
<input type='radio' id='usd' name='curr' value='USD'> USD<br>

jquery

<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script>
$(document).ready(function(){
    $("#usd").prop("checked", true);
    $("#send").prop("checked", true);
    $("#amount").on("input", function(){
        // Print entered value in a div box
        if($("#amount").val() > 5000){
            $("#lbp").prop("checked", true);
        }else{
            $("#usd").prop("checked", true);
        }
    });
    $("#fees").on("input", function(){
        // Print entered value in a div box
        if($("#fees").val() > 0){
            $("#receive").prop("checked", true);
        }else{
            $("#send").prop("checked", true);
        }
    });
});
</script>

查看在线演示：DEMO

jQuery-更改输入上的raido按钮选择

1 个答案: