Questions tagged «radio-button»

单选按钮是表单中使用的元素。它们使用户可以精确地选择有限数量的选项之一。

18
在Android中的RadioButton及其标签之间增加边距?
在仍然使用Android内置组件的情况下,是否可以在RadioButton和标签之间添加一点空间?默认情况下,文本看起来有些混乱。 <RadioButton android:id="@+id/rb1" android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="My Text"/> 我尝试了几件事: 指定边距和填充似乎会在整个元素(按钮和文本在一起)周围增加空间。那是有道理的,但不能满足我的需要。 通过XML创建自定义可绘制对象,以指定用于检查和未检查状态的图像,然后在每个图像的右侧添加一些额外的像素。这应该可以,但是现在您要跳出默认UI。(不是世界末日,但不是理想的) 在每个标签的开头添加额外的空格。Android似乎修剪了一个前导空格字符,例如“ My String”,但是指定了Unicode U + 00A0,例如“ \ u00A0My String”就可以了。这行得通,但似乎有点脏。 有更好的解决方案吗?

4
通过单击标签来切换HTML单选按钮
有没有一种简单的方法可以使单选按钮切换-单击旁边的文本时-不会在我的小型PHP项目中引入任何大型Javascript框架? Web表单如下所示: <html> <body> <form method="post"> <p>Mode:<br /> <input type="radio" name="mode" value="create"><i>create table</i><br /> <input type="radio" name="mode" value="select" checked>select records (can specify id)<br /> <input type="radio" name="mode" value="insert">insert 1 record (must specify all)<br /> <input type="radio" name="mode" value="delete">delete records (must specify id)<br /> <input type="radio" name="mode" value="drop"><i>drop table</i><br /> </p> …

6
单击文本以选择相应的单选按钮
我正在使用PHP创建测验Web应用程序。每个问题由一个单独的部分组成<label>,有4个可能的选择,radio buttons用于允许用户选择他/她的答案。单个问题的当前HTML如下所示: <label for="349">What is my middle name?</label> <br> <input id="349" type="radio" value="1" name="349">Abe <br> <input id="349" type="radio" value="2" name="349">Andrew <br> <input id="349" type="radio" value="3" name="349">Andre <br> <input id="349" type="radio" value="4" name="349">Anderson <br> 我希望用户可以选择单击与单选按钮关联的文本。 现在,用户只能单击单选按钮本身-我发现这是一项非常繁琐的任务。 我读到“无法选择特定的单选按钮选项”,方法是单击选择文本,并且建议指向标记的for和id属性匹配。我已经做到了,但仍然行不通。 我的问题是:我希望能够单击<input type="radio">对象的文本,而不是只能选择单选按钮本身。 我知道我之前已经阅读过有关此问题的信息,但似乎找不到解决我问题的方法。任何帮助或建议,不胜感激!

5
使用jQuery单击或更改广播上的事件
我有我的网页一些电台,我想要做的事。当检查的无线电变化,但是代码不会在IE浏览器: $('input:radio').change(...); 谷歌搜索后,人们建议改用点击。但这行不通。 这是示例代码: <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> <script type="text/javascript"> $('document').ready( function(){ $('input:radio').click( function(){ alert('changed'); } ); } ); </script> </head> <body> <input type="radio" name="testGroup" id="test1" />test1<br/> <input type="radio" name="testGroup" id="test2" />test2<br/> <input type="radio" name="testGroup" id="test3" />test3</br> </body> </html> 它在IE中也不起作用。 所以我想知道发生了什么事? 另外,如果单击选中的收音机,是否还会重新触发更改事件? 更新: 我无法添加评论,所以我在这里回复。 我使用IE8,而Furqan给我的链接在IE8中也不起作用。我不知道为什么...


13
HTML / CSS中的单选/复选框对齐
将单选按钮/复选框与文本正确对齐的最干净方法是什么?到目前为止,我一直使用的唯一可靠的解决方案是基于表的: <table> <tr> <td><input type="radio" name="opt"></td> <td>Option 1</td> </tr> <tr> <td><input type="radio" name="opt"></td> <td>Option 2</td> </tr> </table> 有些人可能会对此表示不满。我刚刚花了一些时间(再次)研究无表解决方案,但失败了。我尝试了浮动,绝对/相对定位和类似方法的各种组合。它们不仅不依赖于单选按钮/复选框的估计高度,而且在不同浏览器中的行为也不同。理想情况下,我想找到一种不假设任何有关大小或特殊浏览器怪癖的解决方案。我可以使用表格,但我想知道还有其他解决方案。

3
使用jQuery从广播组获取价值
我正在尝试使用name获得广播组的价值managerelradio。我的这个无线电组的html代码是。 <label><input type="radio" name="managerelradio" value="Yes" id="Add">Add</label> <label><input type="radio" name="managerelradio" value="No" id="Remove">Remove</label> 和jQuery的是.. var manageradiorel = $('input[name = "managerelradio"]:checked' , '#managechildform').val(); alert(manageradiorel); 它向我显示不确定。 虽然我也尝试过。 var manageradiorel = $('input[name = "managerelradio"]:checked').val(); alert(manageradiorel); 但是我仍然获得了不确定的价值。


10
如何检查Android中的单选按钮中是否选中了单选按钮?
我需要设置验证,用户必须填写/选择页面中的所有详细信息。如果有任何字段为空,想要显示Toast message to fill.现在我需要RadioButton在RadioGroup.我尝试此代码中进行设置验证,但无法正常工作。建议我正确的方法。谢谢。 // get selected radio button from radioGroup int selectedId = gender.getCheckedRadioButtonId(); // find the radiobutton by returned id selectedRadioButton = (RadioButton)findViewById(selectedId); // do what you want with radioButtonText (save it to database in your case) radioButtonText = selectedRadioButton.getText().toString(); if(radioButtonText.matches("")) { Toast.makeText(getApplicationContext(), "Please select Gender", Toast.LENGTH_SHORT).show(); Log.d("QAOD", …

15
单选按钮“已检查”属性不起作用
checked默认情况下,单选按钮不显示。我开始时没有默认选择,做了一些非常简单的js验证,但是没有用。因此,我选择仅使用默认值,直到发现并发现奇怪的情况为止。 标记是有效的,我已经在FF,Safari和Chrome中尝试过。没事。 我认为这与jQuery库有冲突,因为删除调用脚本后问题就消失了。 <label>Do you want to accept American Express?</label> Yes <input id="amex" style="width: 20px;" type='radio' name='Contact0_AmericanExpress' value='1' /> No <input style="width: 20px;" type='radio' name='Contact0_AmericanExpress' class='check' value='0' checked="checked" /> 运行代码段隐藏结果展开摘要

5
您可以浏览所有单选按钮吗?
我有一个单选按钮列表。当我在它们之间切换时,似乎只有第一个单选按钮或所选的单选按钮会集中显示,其余的单选按钮将被跳过。复选框没有这个问题。 http://jsfiddle.net/2Bd32/ 我很难向质量检查人员解释这不是错误。有人可以向我解释为什么会这样。 Soccer: <input type="checkbox" name="sports" value="soccer" tabindex="1" /><br /> Football: <input type="checkbox" name="sports" value="football" tabindex="2" /><br /> <input type="radio" name="num" value="3" tabindex="3">3<br> <input type="radio" name="num" value="4" tabindex="4">4<br> <input type="radio" name="num" value="5" tabindex="5">5<br> <input type="radio" name="num" value="6" tabindex="6">6<br> <input type="radio" name="num" value="7" tabindex="7">7<br> Baseball: <input type="checkbox" name="sports" value="baseball" tabindex="8" …

8
通过JavaScript检查单选按钮组的值?
这看起来很愚蠢和愚蠢,但是我似乎无法弄清楚如何通过JavaScript检查HTML表单中单选按钮组的值。我有以下代码: <input type="radio" id="genderm" name="gender" value="male" /> <label for="genderm">Male</label> <input type="radio" id="genderf" name="gender" value="female" /> <label for="genderf">Female</label> 如何gender通过JavaScript检索值?


1
获取单选按钮组的值
我正在尝试使用下面给出的jQuery语法获取两个单选按钮组的值。运行下面的代码时,我两次从第一个单选按钮组中选择了一个值,而不是每个组中的值。 我在这里做错什么吗?谢谢你的帮助 :) <a href='#' id='check_var'>Check values</a><br/><br/> <script> $('a#check_var').click(function() { alert($("input:radio['name=r']:checked").val()+ ' ' + $("input:radio['name=s']:checked").val()); }); </script> Group 1<br/> <input type="radio" name="r" value="radio1"/> radio1 <input type="radio" name="r" value="radio2"/> radio2 <br/><br/> Group 2<br/> <input type="radio" name="s" value="radio3"/> radio3 <input type="radio" name="s" value="radio4"/> radio4

3
Bootstrap单选按钮切换问题
我正在尝试以twitter引导方式(http://twitter.github.com/bootstrap/javascript.html#buttons)的形式在单选按钮中打开一些常规按钮。 我遵循了说明,但是当我按下按钮时,控制台中出现以下错误: 未捕获的错误:无法在初始化之前调用按钮上的方法;尝试调用方法“ toggle”。 你知道是什么原因造成的吗?这些按钮已加载到页面中,仅在AJAX显示相应内容时才可见。 谢谢!
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.