2017-05-11 105 views
0

以下是html內容,我想檢查一個單選按鈕是否被選中?如何檢查單選按鈕的數組是否被選中?

<div class="col-sm-4 rating"> 
            <input type="hidden" name="questionId[]" value="4"/> 
            <input type="radio" class="career_ratings" id="career_star31" name="career_rating_answer[3]" value="1" /> 
            <label for="career_star31" title=""></label> 

            <input type="radio" class="career_ratings" id="career_star32" name="career_rating_answer[3]" value="2"/> 
            <label for="career_star32" title=""></label> 

            <input type="radio" class="career_ratings" id="career_star33" name="career_rating_answer[3]" value="3"/> 
            <label for="career_star33" title=""></label> 

            <input type="radio" class="career_ratings" id="career_star34" name="career_rating_answer[3]" value="4"/> 
            <label for="career_star34" title=""></label> 
           </div> 
+0

http://stackoverflow.com/questions/8622336/jquery-get-value-of-selected-radio-button的可能的複製 – Dwhitz

回答

0

簡單的所有無線輸入的名稱更改爲 NAME = 「career_rating_answer []」

然後你會得到如在PHP $ _POST [ 'career_rating_answer']爲陣列並且可以評估與$ _POST [ 'career_rating_answer'] [0]第一,$ _POST [ 'career_rating_answer'] [1]第二等。

1

https://plnkr.co/edit/vlYNcBeEUkP0wLtcbqtV?p=preview

<!DOCTYPE html> 
<html> 

<body> 

    <form> 
    <div class="col-sm-4 rating"> 
     <input type="hidden" name="questionId[]" value="4" /> 
     <input type="radio" class="career_ratings" id="career_star31" name="career_rating_answer[3]" value="1" /> 
     <label for="career_star31" title="1">1</label> 

     <input type="radio" class="career_ratings" id="career_star32" name="career_rating_answer[3]" value="2" /> 
     <label for="career_star32" title="2">2</label> 

     <input type="radio" class="career_ratings" id="career_star33" name="career_rating_answer[3]" value="3" /> 
     <label for="career_star33" title="3">3</label> 

     <input type="radio" class="career_ratings" id="career_star34" name="career_rating_answer[3]" value="4" /> 
     <label for="career_star34" title="4">4</label> 
    </div> 
    <button onclick="check()">Try it</button> 

    </form> 

    <script> 
    function check() { 
     var radio = document.getElementsByClassName('career_ratings'); 
     var x = false; 
     for (var i = 0; i < radio.length; i++) { 
     if (radio[i].checked) { 
      x = true; 
     } 
     } 
     alert(x) 
    } 
    </script> 

</body> 

</html> 
+0

非常感謝幫助這裏 –

相關問題