首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何在jQuery手机中获得选中的单选按钮值?

如何在jQuery手机中获得选中的单选按钮值?
EN

Stack Overflow用户
提问于 2012-02-24 23:59:23
回答 2查看 22.2K关注 0票数 2

我有一组单选按钮组。如何获取每个组的yes或now选项,并将它们添加到数组中?

到目前为止,我的想法是:

我的jquery代码:

代码语言:javascript
运行
复制
<script type="text/javascript">
    $(function () {

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

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

        });   

    });       

</script>

和单选按钮

代码语言:javascript
运行
复制
<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>
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2012-02-25 00:20:53

您将查找名称包含文本radio-choice-1的选中的单选按钮-这将只是一个单选按钮,因为它是全名。我认为您实际上需要的是选中的单选按钮,其名称包含文本radio-button-,因此只需从选择器中删除1,它就应该可以工作了。

票数 6
EN

Stack Overflow用户

发布于 2012-11-30 17:20:21

这样就可以完成工作了。我在我的项目中使用了以下代码。简单明了,如jQuery移动文档中所示。

代码语言:javascript
运行
复制
$("input[type='radio']").bind( "change", function(event, ui) {
        console.log($(this).val());
});
票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/9433871

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档