Как проверить значение переключателей в мобильном телефоне jQuery? - PullRequest
2 голосов
/ 24 февраля 2012

У меня есть набор групп переключателей. Как я могу получить, который проверен да или сейчас для каждой группы и добавить их в массив?

Вот что я до сих пор придумал:

Мой код JQuery:

<script type="text/javascript">
    $(function () {

        $("#getinfo").click(function () {

            $("input[name*=radio-choice-1]:checked").each(function () {
                 alert($(this).val());
            });

        });   

    });       

</script>

и переключатели

<fieldset data-role="controlgroup" data-type="horizontal" data-role="fieldcontain">        
<input type="radio" name="radio-choice-1" id="radio-choice-1" value="choice-1" />
<label for="radio-choice-1">Yes</label>
<input type="radio" name="radio-choice-1" id="radio-choice-2" value="choice-2" />
<label for="radio-choice-2">No</label>
</fieldset>

<fieldset data-role="controlgroup" data-type="horizontal" data-role="fieldcontain">        
<input type="radio" name="radio-choice-3" id="radio-choice-3" value="choice-3" />
<label for="radio-choice-3">Yes</label>
<input type="radio" name="radio-choice-3" id="radio-choice-4" value="choice-4" />
<label for="radio-choice-4">No</label>
</fieldset>

<fieldset data-role="controlgroup" data-type="horizontal" data-role="fieldcontain">        
<input type="radio" name="radio-choice-5" id="radio-choice-5" value="choice-5"  />
<label for="radio-choice-5">Yes</label>
<input type="radio" name="radio-choice-5" id="radio-choice-6" value="choice-6" />
<label for="radio-choice-6">No</label>
</fieldset>

<fieldset data-role="controlgroup" data-type="horizontal" data-role="fieldcontain">        
<input type="radio" name="radio-choice-7" id="radio-choice-7" value="choice-7" />
<label for="radio-choice-7">Yes</label>
<input type="radio" name="radio-choice-7" id="radio-choice-8" value="choice-8" />
<label for="radio-choice-8">No</label>
</fieldset>

<a href="#" id="getinfo">getinfo</a>

Ответы [ 2 ]

6 голосов
/ 24 февраля 2012

Вы ищете отмеченный переключатель с именем, содержащим текст radio-choice-1 - это всегда будет только один переключатель, потому что это полное имя. Я думаю, что вам на самом деле нужны проверенные переключатели с именем, содержащим текст radio-button-, поэтому просто удалите 1 из вашего селектора, и он должен работать.

Рабочая ДЕМО

3 голосов
/ 30 ноября 2012

Это сделает работу.Я использую код ниже в моем проекте.Просто и понятно, как указано в документации по jQuery Mobile.

$("input[type='radio']").bind( "change", function(event, ui) {
        console.log($(this).val());
});
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...