пол значения не отображаются должным образом

Я думаю, что ошибка в строке var gender=$("input[name='gender']:radio").val();пол значения не отображаются должным образом

   <!doctype html> 
       <html> 
       <head> 
       <meta charset="utf-8"> 
       <title>Untitled Document</title> 
       <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> 
       <script> 
       $(document).ready(function() 
       { 
        `$` character is just a shortcut for `window.jQuery`. 
        $("#sub").click(function() 
        { 
    /*fetch username 
password*/ 
       var u= $("input:text").val(); 
       var pa=$("input:password").val(); 
       var courses=[]; 
       $.each($("input:checked"),function() 
       { 
        courses.push($(this).val()); 
       }); 
       //fetching gender value 
     var gender=$("input[name='gender']:radio").val(); 
       //gender value not display correctly 
       $("p").html(**"Username**:"+*u*+"**Password:**"+pa+**"Course** **selected:**"+*courses.join(",")*+"**Gender**"+*gender*); 
        }); 
       }); 

       </script> 
       </head> 

       <body> 
       <form onsubmit="javascript:return false;"> 
       Username<input type ="text" name="uname" > 
       Password<input type="password" name="pass" > 
       Course: 
       java<input type="checkbox" name="java" value="java"> 
       Php<input type="checkbox" name="php" value="php"> 
       .net<input type="checkbox" name=".net" value=".net"> 
       javascript<input type="checkbox" name="javascript" value="javascript"> 
       Gender: 
       Male<input type="radio" name="gender" value="male"> 
       Female<input type="radio" name="gender" value="female"> 
       <button id="sub">Submit</button> 
       </form> 
       <p></p> 
       </body> 
       </html>

источник

2015-04-21 user4785724

просто использовать :radio вместо селектора

var gender=$("input:radio:checked").val();

атрибут, который, если вы уверены, что у вас есть только кнопка одного радио ,

Для конкретного элемента:

$("input[name='gender']:checked").val();

источник

2015-04-21 08:46:32 bipen

нет, он не работает..когда я выбрал: женский, чем он всегда показывает мужчина..и он также показывает гендерное значение в выбранном курсе также – user4785724

обновленный попробуйте. Просто хочу убедиться, что символ '$ является просто ярлыком для window.jQuery.' должен быть прокомментирован. – bipen

да я удаляю его оттуда, но он оттуда, но он показывает мне ту же ошибку снова.Пожалуйста, пришлите мне правильный код – user4785724

Попробуйте это:

var gender=$("input[name=gender][type=radio]:checked").val();

Используйте :checked селектор, если вы хотите проверяемый элемент.

источник

2015-04-21 08:46:44

снова показывает ту же ошибку ... показать мужчину, когда я выбираю женщину, а также показывает гендерную ценность в выбранных курсах также – user4785724

@ user4785724 попробуйте добавить selector ': checked', как указано выше. –

пол значения не отображаются должным образом

ответ

Смежные вопросы