标签: radio-button

我到处寻找并试图从一组单选按钮中获取所选值.

这是我的HTML:

<div id="rates">
  <input type="radio" id="r1" name="rate" value="Fixed Rate"> Fixed Rate
  <input type="radio" id="r2" name="rate" value="Variable Rate"> Variable Rate
  <input type="radio" id="r3" name="rate" value="Multi Rate" checked="checked"> Multi Rate  
</div>

这是我的.js:

var rates = document.getElementById('rates').value;
var rate_value;
if(rates =='Fixed Rate'){
    rate_value = document.getElementById('r1').value;

}else if(rates =='Variable Rate'){
    rate_value = document.getElementById('r2').value;

}else if(rates =='Multi Rate'){
    rate_value = document.getElementById('r3').value;
}  

document.getElementById('results').innerHTML = rate_value;

我一直都没有定义.

我的JS程序遇到了一些奇怪的问题.我有这个工作正常但由于某种原因它不再工作.我只是想找到单选按钮的值(选择哪一个)并将其返回到变量.由于某种原因,它不断返回undefined.

这是我的代码:

function findSelection(field) {
    var test = 'document.theForm.' + field;
    var sizes = test;

    alert(sizes);
        for (i=0; i < sizes.length; i++) {
            if (sizes[i].checked==true) {
            alert(sizes[i].value + ' you got a value');     
            return sizes[i].value;
        }
    }
}

submitForm:

function submitForm() {

    var genderS =  findSelection("genderS");
    alert(genderS);
}

HTML:

<form action="#n" name="theForm">

    <label for="gender">Gender: </label>
    <input type="radio" name="genderS" value="1" checked> Male
    <input type="radio" name="genderS" value="0" > Female<br><br>
    <a href="javascript: submitForm()">Search</A>
</form>

我想显示一个单选按钮,提交其值,但根据具体情况,让它不可编辑.禁用不起作用,因为它没有提交值(或者是吗？),它会使单选按钮变灰.只读是我正在寻找的,但由于一些神秘的原因,它不起作用.

是否有一些奇怪的技巧我需要拉动以使只读按预期工作？我应该用JavaScript代替吗？

顺便说一下,有没有人知道为什么只读在单选按钮中不起作用,而它在其他输入标签中有效？这是HTML规范中难以理解的遗漏之一吗？

大约一个月前,米特的问题没有得到答复.可悲的是,我现在遇到了同样的情况.

http://api.jquery.com/change/#comment-133939395

情况就是这样:我正在使用jQuery捕获单选按钮中的更改.选中单选按钮后,启用编辑框.取消选中单选按钮后,我希望禁用编辑框.

启用工作.当我在组中选择不同的单选按钮时,不会触发该change事件.有谁知道如何解决这一问题？

<input type="radio" id="r1" name="someRadioGroup"/> 

<script type="text/javascript">
    $("#r1").change(function () {
        if ($("#r1").attr("checked")) {
            $('#r1edit:input').removeAttr('disabled');
        }
        else {
            $('#r1edit:input').attr('disabled', true);
        }
    });
</script>

可能重复:
选中特定单选按钮的检查

我现在有这两个单选按钮,以便用户可以决定是否需要包含在价格中的邮资:

<input type="radio" id="postageyes" name="postage" value="Yes" /> Yes
<input type="radio" id="postageno" name="postage" value="No" /> No

我需要使用Jquery来检查是否选中了'yes'单选按钮,如果是,则执行追加功能.有人可以告诉我,我该怎么做？

谢谢你的帮助

编辑:

我已将我的代码更新为此,但它无效.难道我做错了什么？

<script type='text/javascript'>
// <![CDATA[
jQuery(document).ready(function(){

$('input:radio[name="postage"]').change(function(){
    if($(this).val() == 'Yes'){
       alert("test");
    }
});

});

// ]]>
</script>

如何在HTML中检查最初分配单选按钮的值？

在单选按钮上使用"label for"参数时,要符合508*,以下是否正确？

 <label for="button one"><input type="radio" name="group1" id="r1" value="1" /> button one</label> 

或者是这个？

 <input type="radio" name="group1" id="r1" value="1" /><label for="button one"> button one</label>

我问的原因是在第二个例子中,"label"只包含文本而不是实际的单选按钮.

*1973年"康复法案"第508条要求联邦机构为残疾人提供软件和网站可访问性.

有谁知道如何将是/否单选按钮绑定到ASP.NET MVC中强类型模型的布尔属性.

模型

public class MyClass
{
     public bool Blah { get; set; }
}

视图

<%@  Page Title="blah"  Inherits="MyClass"%>
    <dd>
        <%= Html.RadioButton("blah", Model.blah) %> Yes
        <%= Html.RadioButton("blah", Model.blah) %> No
    </dd>

谢谢

解:

感谢Brian的指导,但这与他写的相反.如此 -

<%@  Page Title="blah"  Inherits="MyClass"%>
<dd>
    <%= Html.RadioButton("blah", !Model.blah) %> Yes
    <%= Html.RadioButton("blah", Model.blah) %> No
</dd>

我想设置一个单选按钮.我想通过使用值或id来设置它.

这就是我尝试过的.

$('input:radio[name=cols]'+" #"+newcol).attr('checked',true);

newcol 是单选按钮的ID.

也许有点编辑.

有两组收音机盒,一组带有cols,另一组带有行.所以我看到了不使用id的观点.我的错.所以我举个例子:

<input type="radio" name="rows" class="listOfCols" 
   style="width: 50%; " value="Site"></input>

和

<input type="radio" name="cols" class="listOfCols" 
   style="width: 50%; "  value="Site"></input>

删除了id,我需要设置正确的ID.

我已创建 RadioGroup并RadioButton动态如下

RadioGroup radioGroup = new RadioGroup(context);
                    RadioButton radioBtn1 = new RadioButton(context);
                    RadioButton radioBtn2 = new RadioButton(context);
                    RadioButton radioBtn3 = new RadioButton(context);

                    radioBtn1.setText("Less");
                    radioBtn2.setText("Normal");
                    radioBtn3.setText("More");

                    radioBtn2.setChecked(true);

                    radioGroup.addView(radioBtn1);
                    radioGroup.addView(radioBtn2);
                    radioGroup.addView(radioBtn3);

这一步radioBtn2.setChecked(true);会导致radioBtn2总检查.这意味着我无法radioBtn2通过检查其他两个单选按钮(radioBtn1,radioBtn3)取消选中.我想这样做一次RadioGroup只能检查一个单选按钮(现在它可以一次检查两个单选按钮).我怎么解决这个问题？