如何在javascript或ajax中获取输入单选按钮值并显示/隐藏按钮

How to get input radio button values in javascript or ajax and show/hide a button

本文关键字：单选按钮 显示 按钮 隐藏 输入 获取 javascript ajax      更新时间：2023-10-04

我有一个带有以下输入按钮的表单：

<input type="radio" value="2" id="order_status"> Review
<input type="radio" value="1" id="order_status"> Accept
<input type="radio" value="2" id="order_status"> Decline
<input type="radio" value="3" id="order_status"> Refund

<textarea id="remarks"> </textarea>
<input type ="button" value="Update" id="updateBtn" name="updateBtn"onclick="submitForm2()">

我想在这里做的是获得单选按钮的值，如果是2，则文本区域（备注）不应为空。因此，更新按钮不应该是可提交的，否则，如果单选按钮的值为0或1，备注可能是空的，也可能不是空的，提交按钮也应该工作。。。怎么做，有人能解释一下吗。。。

function submitForm2()
{
var remarkVal = $("#remarks").val();
var remark = $("#remarks").val().length;
var order_status = $('form input:checked').attr('value');
if(order_status== 2 || order_status == 3){
    if(remark < 15){
    //alert("Please Fill The Remarks Field");
    return false;
alert(remarkA);
}
else if(remark > 15){
    return true;
}
else 
{
    $.ajax({
      url:"orderStatusUpdate.php",  
      type:"GET",
    //  data:"order_status="+order_status+"&id="+<?php echo $id; ?>+"&uid="+<?php echo $uid;?>, <?php echo $edited_by;?>
     data:"order_status="+order_status+"&remarks="+remarkVal+"&id="+<?php echo $id; ?>+"&uid="+<?php echo $uid;?>, <?php echo $edited_by;?>
      success:function(content) {
      history.go(1);
      }
   });
}
}

试试这个：

<!DOCTYPE html>
<html>
    <head>
    </head> 
    <body>
       <input type="radio" value="2"> Review
        <input type="radio" value="1"> Accept
        <input type="radio" value="2"> Decline
        <input type="radio" value="3"> Refund
        <textarea id="remarks"> </textarea>
        <input type ="button" value="Update" id="updateBtn" name="updateBtn"onclick="submitForm2()">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
    <script type="text/javascript">
        function submitForm2()
        {
            var remarkVal = $("#remarks").val();
            var remark = $("#remarks").val().length;
            var order_status = $('input:checked').val();
            if(order_status== 2 || order_status == 3){
                if(remark < 15 || remark == ''){
                    alert("Please Fill The Remarks Field");
                    return false;
                } else if(remark > 15){
                    return true;
                }
           } else {
                $.ajax({
                    url:"orderStatusUpdate.php",
                    type:"GET",
                    data:"order_status="+order_status+"&remarks="+remarkVal+"&id="+'<?php echo $id; ?>'+"&uid="+'<?php echo $uid;?>'+'<?php echo $edited_by;?>',
                    success:function(content) {
                        history.go(1);
                    }
               });
            }
        }
    </script>
</body>
</html>

希望这对你有帮助！：）

相关文章：