Как я могу получить значение типа ввода радио, используя jQuery, значение содержит пробелы

Question

Я использовал этот код, я также использовал AJAX на своей странице

$html.='<div><p id="question" name="qid">Q.'.$result['question_no'].': '.$result['question'].'</p></div>
     <label style="padding-top:15px;">
        A <span style="padding-left: 15px;"><input type="radio"';
        if (isset($result['answer']) && $result['answer']==$result['choice1']) {
            $html.= 'checked="checked"';
        } 
         $html.=' name="answer" id="option" value='.$result['choice1'].'>'.$result['choice1'].'</span>
     </label>
    </div>

И часть jQuery

var answer = $("form input[type='radio']:checked").val();
alert(answer); 

Значение содержит пробелы, такие как «первичный ключ», но я получил толькоосновной, как я могу получить значение с пробелами

Answer 1

Почему бы вам не убедиться, что значение входит в snake_case, как primary_key, а затем обработать его до того, что вы хотите, получив его с помощью JQuery.Что-то вроде:

var answer = $("form input[type='radio']:checked").val();
alert(answer.split("_"));

Answer 2

Решение действительно простое, вы просто забыли поставить двойные кавычки для атрибута значения, атрибут значения должен быть заключен в двойные кавычки, вот исправленный код,

$html.='<div><p id="question" name="qid">Q.'.$result['question_no'].': '.$result['question'].'</p></div>
     <label style="padding-top:15px;">
        A <span style="padding-left: 15px;"><input type="radio"';
        if (isset($result['answer']) && $result['answer']==$result['choice1']) {
            $html.= 'checked="checked"';
        } 
         $html.=' name="answer" id="option" value="'.$result['choice1'].'">'.$result['choice1'].'</span>
     </label>
    </div>';

Теперь jquery выберет значениеправильно

Answer 3

привет, вот рабочее решение вашей проблемы.не стесняйтесь изменять код, чтобы он соответствовал вашим потребностям

 <!-- including jquery library -->
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
        /* When input of type button is clicked then call this function */
        $("input[type='button']").click(function(){
            /* load value of input with name gender in a JS variable radioValue */
        	var radioValue = $("input[name='gender']:checked").val();
            /* check if there is some value in radioValue variable... if there is no value then if block will not execute */
            if(radioValue){
                alert(radioValue);
            }
        });
        
    });
</script>
 
        <input type="radio" name="gender" value="Gender male">Male
        <input type="radio" name="gender" value="Gender female">Female
        <input type="button" value="Get Value"></p>