Javascript打开和隐藏单选
JavaScript打开和隐藏单选按钮可以通过操作元素的样式来实现。以下是一个完善且全面的答案：
单选按钮是一种HTML表单元素，用于在一组选项中选择一个选项。通过JavaScript，我们可以通过更改元素的样式来打开和隐藏单选按钮。
打开单选按钮： 要打开单选按钮，我们可以使用以下代码：
document.getElementById("radioButton").style.display = "block";上述代码中，我们使用getElementById方法获取具有指定id的元素，并将其display样式属性设置为"block"，这将使单选按钮可见。
隐藏单选按钮： 要隐藏单选按钮，我们可以使用以下代码：
document.getElementById("radioButton").style.display = "none";上述代码中，我们使用getElementById方法获取具有指定id的元素，并将其display样式属性设置为"none"，这将使单选按钮不可见。
应用场景： 打开和隐藏单选按钮的功能可以在各种Web应用程序中使用。例如，在表单中，根据用户的选择，我们可以动态地显示或隐藏其他相关选项。
推荐的腾讯云相关产品： 腾讯云提供了丰富的云计算产品和服务，其中与前端开发相关的产品包括云服务器、云函数、云存储等。您可以通过以下链接了解更多关于这些产品的信息：
请注意，以上链接仅供参考，具体产品选择应根据您的需求和实际情况进行评估。
以上是关于JavaScript打开和隐藏单选按钮的完善且全面的答案。如果您有任何其他问题，请随时提问。
相关·内容
我想用点网在HTML5中用jquery获得单选按钮的点击事件。我在accordion面板中有两个单选按钮，当我点击任何一个关闭的单选按钮时，另一个面板应该会打开，但它不是我的jquery代码，如下所示：
<script type="text/javascript">
$(document).ready(function () {
$("#radioinstant").click(function () {
$(".flip").hide();
$(".panel").hid
浏览 2提问于2012-06-01得票数 2
回答已采纳
2回答
嗨，我有一个调查网页(survey.aspx)与问题和答案。有些答案有单选按钮和复选框。此页有一个打印按钮。当用户单击print按钮时，将打开另一个页面(survey_print.aspx)，其中包含打印内容。我在打印页面中有所有的内容单选按钮和复选框。而是如何在打印页面中显示选中的单选按钮和复选框。这必须使用Javascript或jquery来完成。你知道如何做到这一点吗？提前感谢
浏览 1提问于2011-03-25得票数 0
3回答
我的页面上有一组单选按钮：
<form ...>
<input type="radio" name="people" checked> Student
<input type="radio" name="people"> Teacher
<input type="radio" name="people"> Assistant
<!-- Here is the dynamic content, which could be
浏览 9提问于2011-08-19得票数 1
我搜索了一下，没有找到任何关于javascript / PDF表单应用程序的结果，所以如果有我可能错过的实际结果，我深表歉意。
我有5个单选按钮，都是同步的，如果其中一个被打开，其余的都被关闭。我正在尝试启用，基于选择，为哪个表单(单元格)显示在pdf上。
这就是我目前的立场。此脚本的单选按钮设置为鼠标启动，当启用Text2时将显示，但当选择单独的单选按钮时，Text2仍将显示。只有当我重新选择第一个单选按钮时，Text2才会消失。
我希望根据选中的单选按钮只显示特定的单元格，其余的则隐藏起来。
如果有人能帮我举个小例子，我可以从那里申请。谢谢
if (this.getField("T
浏览 4提问于2017-05-10得票数 0
我在我的页面上查看了验证功能的"“。在我的页面上，我使用了一个定制的JavaScript单选按钮对象，比如。
这个对象是建立在结合JavaScript，CSS，图像和超文本标记语言，它的行为就像标准的超文本标记语言单选按钮，但更别致。它还拥有自己API，如getValue()、setValue()、onChange Event等。
有没有办法使用"jQuery验证插件“来验证这个自定义对象？谢谢你的帮忙!
浏览 2提问于2011-05-12得票数 0
回答已采纳
我在使用表单交互页面时遇到了一个问题，因为我必须从表单中选择一个元素，然后呈现当前页面并对其进行抓取
表单是一个简单单选按钮，它包含一个onclick操作并调用一个在DOM元素中写入内容的js函数
<input id="RBLOpcionBuscar_2" type="radio" name="RBLOpcionBuscar" value="Todas" onclick="javascript:setTimeout('__doPostBack(\'RBLOpcionBuscar$2\',\&#
浏览 3提问于2018-07-05得票数 1
我的jsp中有一些单选按钮。我在javascript函数中正确地获得了单选按钮的值。在onclick事件中按下按钮时调用的。然后将页面传送到表单标签中指定的servlet。现在的问题是我需要servlet中的单选按钮的值。怎么做呢？我能用javascript把它存储在会话中吗？我使用javascript中的以下代码来获取单选按钮的值。请帮帮我。先谢谢你...
var x=getRadioValue('tables1');
function getRadioValue(name)
{
var group = document.getElementsByNam
浏览 0提问于2013-06-05得票数 0
在关闭并重新打开浏览器后，我很难理解选项和单选按钮设置发生了什么变化，设置为“继续在我停止的地方”。Chrome和Edge的行为都是一样的。
我希望让javascript按照选项和单选按钮的显示方式进行操作，或者强制选项和单选按钮显示默认值(即匹配javascript认为设置的值)。
我在做的是：-
我将单选按钮更改为radio 2，关闭浏览器并重新打开它.单选按钮表示radio 1。Javascript的行为也好像选中了Radio 1。一切都好。
( b)我将选项更改为选项2，将收音机按钮更改为radio 2，关闭浏览器并重新打开它。单选按钮表示radio 1。Javascript的行为也好
浏览 1提问于2020-07-07得票数 0
回答已采纳
2回答
逐步打开html表单
、、、
一个小小的网页设计难题:我有一个有很多选项的表单，主要是单选按钮，但不仅仅是。
我希望表单逐渐打开，这意味着在开始时只有两个单选按钮是可见的，在用户选择一个之后，更多的选项出现在所选的单选按钮下。如果用户随后切换pick，则页面将更新并显示新pick下的选项。
这发生在几个级别上，比如4或5个级别，最后有一个submit按钮，它只根据用户选择的分支提交特定的输入。此外，一些分支有相同的组成部分，即使最初的选择是不同的。
这些是我能想到的选择：
在html主体中构建完整的表单，并根据用户的选择使用jquery隐藏和显示它们。这意味着我必须编写两次重复的部分。在正文中不写任何内容，并在用户做出某些
浏览 1提问于2011-05-15得票数 1
回答已采纳
4回答
我有一个asp单选按钮，我希望在javascript中将它的可见性设置为false。
<asp:RadioButton ID="rad1" Text="my radio button" runat="server" GroupName="b" />
我正在用javascript尝试下面的代码。
document.getElementById("rad1").style.visibility = "hidden";
但它只禁用单选按钮，但文本“我的单选按钮”是可见的。我试着将文本、val
浏览 0提问于2014-12-06得票数 2
回答已采纳
1回答
我正在尝试打开菜单菜单在按钮上打开单击.I能够显示菜单选项.But我面临一个问题我的按钮是隐藏的当菜单选项是display.menu应该显示在按钮下面我需要在用户单击按钮时显示按钮和菜单我需要菜单应该显示在按钮下面
以下是我的代码
var app = angular.module("ionicApp", ['ionic']);
app.directive('custommenu', function () {
return {
restrict: 'A',
scope: {
浏览 0提问于2015-05-15得票数 0
2回答
我将表单结果提交给一个脚本，该脚本希望从一组单选按钮接收特定值。表单页使用for each按钮自动设置按钮的HTML "value“属性。我没有办法独立设置value属性。
有没有办法使用Javascript根据选中的单选按钮覆盖该字段的值？
浏览 0提问于2014-10-14得票数 0
我正在为残疾学生创建一个可访问的网站，使用访问技术来回答一项调查。因此，它需要大量的视觉反馈。
我使用javascript更改imagelink (用于选择单选按钮)的css样式。当图像链接有焦点时，它会更改样式-但是，一旦图像被单击(因此单击单选按钮)，我希望它更改为第三种样式，并保持这样，直到另一个按钮被单击。目前，mouseout和onblur事件保持活动状态，并恢复为无焦点样式。
所有代码都在这个小提琴上：
我尝试过:当单选被选中时的if语句，并重写div内容onclick，以便
非常感谢，迈克
(注：排序后，单选按钮将与CSS一起隐藏，这样它就不会干扰屏幕阅读器等。)
浏览 2提问于2011-09-06得票数 0
回答已采纳
2回答
我想让单选按钮消失，而不是按钮，单选按钮的标签本身是可单击的，并且我将更改所选单选按钮的背景颜色。我该怎么做呢？例如，我有“是”和“否”标签，这些标签将是可点击的，并且根本没有单选按钮。这些只会改变背景的颜色，但会显示不需要的单选按钮。
Javascript
$(document).ready(function(){
var ok = "green";
var notok = "red";
$.each($(":radio"), function(){
if($(this).prop("chec
浏览 0提问于2012-06-16得票数 3
回答已采纳
2回答
我有一个单选按钮，它是yes和no。如果用户选择是，则会显示用户名和年龄；如果选择否，则不会显示姓名或年龄。这很好用，但是当页面打开时，显然两个单选按钮都没有被选中，但是姓名和年龄是可见的，所以我想知道的是，当页面打开时，我是如何在默认情况下对其进行编码，以使用户的姓名和年龄隐藏而不是可见的？
function getMsg() {
var choice = document.getElementsByName("choice");
var userName = document.ge
浏览 0提问于2011-11-24得票数 0
如何用按钮链接复选框和单选按钮在JavaScript中打开页面？
例如:选择"one“复选框和单选按钮，然后单击按钮打开包含每个人的page.This思想:选择"one”复选框和单选按钮，然后单击按钮打开不同的页面。
无线电：
0级1
0级2
0级3
复选框：
加法
分部
乘法
减法
{button}
我有这个代码...{只有无线电是工作的}....I不知道如何连接无线电与复选框。
浏览 0提问于2012-06-16得票数 0
5回答
我用复选框(chk1)'On/Off‘激活/停用了一个面板。此面板包含一个复选框(chk2)和一个单选按钮(rbtn)。选中单选按钮(rbtn)时，必须禁用该复选框。如果通过取消选中'On/Off‘复选框来禁用面板，则单选按钮和复选框(chk2)将被禁用。问题是，当我在面板启用的情况下打开页面时，javascript中的代码会被执行，但是当我在面板禁用的情况下打开页面时，在我启用面板之后，当我选中单选按钮以禁用chk2时，javascript就不起作用了。
$(document).ready(function (){
$('input[id^=rbtn]&#
浏览 3提问于2013-03-25得票数 0
问题
我有一页上面有表格。它有一个名为: generic_portrait的隐藏字段
我希望用户点击一个链接“选择肖像”。
这将使用jQuery打开一个对话框/弹出，它基于表单前面完成的下拉列表。如果被称为“性别”的下拉列表值为“男性”，则显示男性选项，如果“性别”设置为“女性”，则显示女性选项。
每幅肖像画都有一个单选按钮，每个按钮都有指定的名字"male1“、"male2”等等。
根据弹出窗口中选择的单选按钮，我希望将隐藏字段设置为与此匹配。
问题
使用jQuery显示对话框/弹出的最佳方法是什么，取决于页面上的下拉框。使用Javascript查看所选内容，然后显示相应的D
浏览 2提问于2011-01-04得票数 2
回答已采纳
早上好，我只是在想，当浏览器上的javascript被禁用时，有什么方法可以让单选按钮做点按吗？我现在有这样的代码，当javascript只打开时，它就可以工作了。
$links.="<tr>
<td style='width:10%;vertical-align:top;' class='space'>
<a href='".$href_link."'>
<input id='radio_".$value[0]."' type='radio
浏览 12提问于2014-01-28得票数 0
回答已采纳
我有一个单选按钮和一个相应的输入文本框，当选中单选按钮时会显示该文本框。我保留了input标记所需的验证属性，如下所示：
<input type="text" id="textbox" required />
当我取消选中该单选按钮时，此文本框将隐藏。但是，即使文本框处于隐藏状态，我也无法提交表单。毕竟，隐藏的必填字段仍然是必需的，因此我不能只将required属性放在这些隐藏字段上。
在解释了我的场景之后：
Q1。有没有什么"HTML- only“方法可以只在textbox处于活动状态时才允许验证？
Q2。如果不是，那么使用Angular
浏览 5提问于2016-09-01得票数 2
回答已采纳
1回答
JSP CODE
<%= formData.displayField("ABCDRADIO", true) %>
<div id="show" style="display:none"><%= formData.displayField("ABCD_DESC", true)%></div>
<%if((formData.getValue("ABCDRADIO").equals("Y") )) {%>
浏览 14提问于2017-02-02得票数 1
回答已采纳
1回答
我在后台代码中动态生成单选按钮，并在创建时将javascript分配给它们。此javascript将更改隐藏字段中的值，用于最终触发回发(禁用按钮上的自动回发)。我在ASP中使用了完全相同的方法，它工作得很好，但是当我使用单选按钮时，事件永远不会触发ImageButtons。我怀疑我可能使用了错误的事件名称，但我已经尝试了几个(onclick、onCheckedChanged等)。
这是一个VB.NETcode的例子--为什么我的按钮可以很好地工作，而单选按钮却不行！
//This is my hidden field
ClientScript.RegisterHiddenField(Me.U
浏览 0提问于2010-04-22得票数 0
回答已采纳
理想情况下，我希望能够使事件以单选按钮的父p.hiddeninput中的所有div为目标，而不是也有特定的(".“+ this.id + "Y")类。我尝试使用.parent()选择器，但没有成功。
我有一个情况，我需要设置5个单选按钮，其中4个需要在单击时显示特定的隐藏输入。价格表和补充单选按钮都需要打开相同的输入。当这种情况发生时，任何以前打开的输入也需要隐藏。目前我的html是这样的，
<input value="auto" type="radio" class="oneofmany" name="bu
浏览 0提问于2012-01-05得票数 0
回答已采纳
4回答
我想在这里请求一点帮助，因为我在Javascript和jQuery方面都没有太多的知识。我需要显示5个单选按钮当复选框被选中时，复选框代表用户说的语言，所以对于每个选定的单选按钮，应该显示5个单独的单选按钮(1到5)。我试着用jQuery做到这一点，但我没能走得很远……
我的复选框就是在这里创建的(动态)：
<% for(int i = 0; i < Model.Languages.Count; i++)
{ %>
<input id="applang" name="applang" type=
浏览 0提问于2011-03-21得票数 1
2回答
我有动态单选按钮。我必须得到所选单选按钮的值和绑定到它的隐藏输入类型的值。我有一个输入类型作为隐藏以传递选项id
<input type="radio" name="sareefinishing" value="<?php echo $opvalue->getTitle(); ?>" />
<input type="hidden" name="sareeOptionId" value="<?php echo $opvalue->getId(); ?>&#
浏览 2提问于2015-09-19得票数 1
回答已采纳
你好，我在Jquery验证方面有问题。我有一个带有这样的错误处理程序的收音机按钮
<input name="umum_expectation" type="radio" value="1" required data-msg-required="Please select one" /> 1 <br/>
<input name="umum_expectation" type="radio" value="2" />2<br/>
<
浏览 3提问于2014-09-02得票数 0
我正在尝试一个功能，允许用户选择两种不同的成本计算方法:他们可以在数据表上输入年度成本细目(2010: 10,000美元，2011: 12,000美元等)，或者他们可以输入固定的年度成本乘以他们选择的年数。
如果我正在开发另一种web应用程序，我会有单选按钮来选择两个不同的选项。一个选项将显示数据表，另一个选项将显示两个文本字段，以便在其中输入值。但是，我知道在Access 2010 web数据库中不能有单选按钮。此外，是否可以基于组合框选择来使元素出现和消失？
如果不是，也许我可以有两个不同的组合框选项：“输入年度成本分解”或“输入固定的年度成本”，这将以弹出窗口的形式打开正确的相应表单。
浏览 0提问于2012-08-24得票数 0
回答已采纳
在用户登录后，我尝试根据用户角色和权限来控制菜单选项。我保存了会话中的用户，然后我从数据库中获取角色和权限，然后我想显示主页，这是一个带有菜单选项的主页面，我如何在不使用javascript的情况下做到这一点，我使用的是c# asp.net。
浏览 4提问于2013-01-19得票数 0
我在上有一个网站，它有3个单选按钮，它们在正常的浏览器中工作得很好，但是当我使用iPhone/iPad来浏览这个网站时，我无法点击这些单选按钮。
如果你看一下源代码，你会发现有一些JavaScript在设置单选按钮的状态和其他东西，所以不确定这是否是问题所在
浏览 0提问于2011-10-16得票数 2
回答已采纳
3回答
我有jsp页面，下面的代码是snippest...and，它将显示两个单选按钮，如汽车和自行车
<bean:message key="label.vehicleType"/> : <html:radio value="Bike" property="vehicleType" idname="vehicleType" name="vehicleType">Bike</html:radio>
浏览 3提问于2011-06-09得票数 0
2回答
我使用jquery在选择时显示div，并将其存储到数据库
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery("input[name$='advert_specifications[link_type]']").click(function(){
var radio_value = jQuery(this).val();
if(radio_value=='
浏览 0提问于2012-10-09得票数 0
回答已采纳
2回答
根据单选按钮从模板创建表单
、、、、
嗨，我想知道是否可以使用javascript/jquery或Ajax来显示基于单选按钮的表单。
例如，我有两个不同的表单，如果选中了one单选按钮，我想加载第一个表单，但如果选中了第二个单选按钮，我想加载第二个表单。使用Ajax可以做到吗？
如果更简单，我只需要根据单选按钮显示/删除一个选择框和一个输入框。
谢谢
浏览 1提问于2014-09-26得票数 0
2回答
嗨，伙计们，我在用Rails 3.2.13。我在视图文件中使用了下面的脚本。如果有人点击ownertype其他，div与id=group_user_id将打开，我将保存这些操作在最后。到目前为止，我使用f.radio_button是很好的。
<div class="form-group">
Owner:
<%= f.radio_button :owner_type,"Self", :id=>"self-group", :checked =>true %>
Self
<%= f.radio_
浏览 6提问于2014-07-08得票数 0
回答已采纳
我有一个定制的单选按钮，有一个彩色和更大的圆圈按钮。它是使用CSS实现的，如中所示
但是，当您在CSS中显示单选按钮时，它会混淆VoiceOver，即使<input>类型是“单选”，也不再将元素作为单选按钮读取。
<input type="radio" value="1" id="rad1" name="station"><label for="rad1"><span></span>Helium</label>
<input t
浏览 1提问于2014-06-11得票数 3
3回答
在这个laravel刀片中，我有一个表单，它有两个单选按钮local和global以及一个dropdown select，我想要做的是，默认情况下，下拉选择是隐藏的(不可见)，全局单选是选中的，下拉选择应该只通过勾选内部单选按钮才可见。 选中全局无线功能->下拉菜单选择不可见(默认) 选中内部无线电->下拉菜单选择visible。 <div class="form-group">
<p>Type:</p>
<input name="type" type="radio"
浏览 66提问于2021-08-05得票数 0
回答已采纳
3回答
我有一个带有一些输入文本和单选按钮的表单，我想在用户点击超链接时显示表单的一些其他元素，当用户再次点击时，隐藏它们。我该怎么做呢？我认为jquery会做思考，但我不是一个javascript开发人员，所以我需要一些指导，谢谢！
浏览 1提问于2011-01-21得票数 1
回答已采纳
8回答
HTML单选按钮:隐藏项目符号
、、、、
我希望特定的表单组件充当单选按钮(一次只能选择一个选项)。我不希望无线电项目显示，但是，选择替代的呈现方法，如高光选择，或一些其他方法。这将允许优雅的降级:如果用户浏览器不支持Javascript，它将降级为基本的单选按钮。我希望通过Javascript或CSS隐藏项目符号按钮。有人知道怎么做吗？谢谢。
浏览 51提问于2011-03-02得票数 8
回答已采纳
1回答
请原谅我对html知识的缺乏，但是有没有可能设置一组3个单选按钮，使每个单选按钮都链接到不同的项目选择列表？
我想要做的是让用户选择：
项目选择所有项目的列表，
任务选择所有任务的列表，
所有用户的用户选择列表
到目前为止，我从单选按钮可以看出，它们只显示文本，并有一个submit值作为输入。我所想的是不可行的吗？
我希望有一些简单的方法将单选按钮链接到每个选择列表，但在最坏的情况下，我可以想象让适当的选择列表通过javascript方法将其值放入单选按钮的值域中。然而，对于一个看起来如此简单的想法来说，这似乎是不必要的复杂。
浏览 0提问于2009-12-01得票数 1
回答已采纳
2回答
在表单中，我有两个单选按钮是和No。我想更改单选按钮的默认外观。
喜欢这个。
编辑：，如果通过css更改默认广播的外观不容易的话，当JavaScript启用时，radio按钮将更改为<a>锚。
浏览 0提问于2011-02-25得票数 3
回答已采纳
4回答
我知道我们不能让只读单选按钮和复选框。我试图禁用单选按钮和复选框，但在IE中它是不可见的。
是否有其他类似于使用、CSS、JavaScript禁用/只读的方法？
浏览 10提问于2012-05-14得票数 12
回答已采纳
1回答
我希望能够在XPages的单选按钮中选择一个值，然后使用该值确定一组复选框中的选项。
可以使用指向一个视图的DbLookup找到单选按钮的选项。有一些javascript可以将单选按钮查找的文本值放入隐藏字段。根据该值，复选框选项由另一个DbLookup确定。
我一直在摆弄代码，并且永远不能让它使用隐藏字段的更新值来重新计算复选框的选择，即使我显示了它。
<xp:selectItems>
<xp:this.value>
<
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
