如何獲得輸入單選按鈕值的JavaScript或Ajax和顯示/隱藏按鈕

-3

我有以下的輸入按鈕的形式：如何獲得輸入單選按鈕值的JavaScript或Ajax和顯示/隱藏按鈕

<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 textarea（註釋）不應該是空的。所以更新按鈕不應該提交，否則，如果單選按鈕的值是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); 
     } 
    }); 
} 
}

來源

2016-03-30 bc120200427 Saleem Jafar

** ID應該是唯一**，使用'name'而不是ID。 – Tushar

'我想在這裏做什麼'......你有沒有嘗試過......或只是想讓我們爲你寫代碼。 –

或者不要使用'id'，如果你不是在任何地方引用它的話。 – Rayon

試試這個：

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

希望這將幫助你！ :)

來源

2016-03-30 05:37:00 darkvirus24

非常好，但最後的其他部分不起作用... 。不知道什麼是錯的...當value = 2或3時沒問題，但當單選按鈕的值是1或2時不起作用。按更新按鈕什麼也不做。 –

Yahoooooo ...你是對，我明白了。＃darkvirus24謝謝YOu Soooo很多，活得很久。你讓我的日子變得美好...... darkvirus24你太棒了...留下祝福 –

不客氣！：d – darkvirus24

如何獲得輸入單選按鈕值的JavaScript或Ajax和顯示/隱藏按鈕

回答

相關問題