有没有办法像我的例子一样选中/取消选中一个圆形按钮？
是的，可以通过使用HTML和CSS来实现选中/取消选中一个圆形按钮的效果。以下是一个示例代码：
HTML代码：
<input type="checkbox" id="circle-btn">
<label for="circle-btn" class="circle"></label>CSS代码：
.circle {
display: inline-block;
width: 20px;
height: 20px;
border-radius: 50%;
border: 2px solid #000;
cursor: pointer;
}
.circle::after {
content: "";
display: block;
width: 12px;
height: 12px;
margin: 3px;
border-radius: 50%;
background-color: #000;
opacity: 0;
}
input[type="checkbox"]:checked + .circle::after {
opacity: 1;
}在上述代码中，我们使用了一个<input>元素作为复选框，通过设置type="checkbox"来实现选中/取消选中的功能。然后，我们使用一个<label>元素来创建圆形按钮，并通过设置for属性与复选框的id进行关联。
通过CSS样式，我们设置了圆形按钮的样式，包括宽度、高度、边框、光标样式等。使用::after伪元素来创建一个小圆点，并通过设置opacity属性来控制其显示与隐藏。
最后，通过使用CSS选择器input[type="checkbox"]:checked + .circle::after，当复选框被选中时，设置小圆点的opacity为1，从而实现选中状态下的效果。
这是一个简单的示例，你可以根据实际需求进行样式的调整和扩展。
相关·内容
2回答
无法设置NSButton的高度
、、、、
我有一些NSButtons的风格圆形纹理插入到一个NSToolbar。
我已经为按钮创建了一些自定义图像，并希望使它们垂直更大，但是按钮的高度字段是灰色的。
有人知道为什么吗?有没有办法绕过它？
谢谢
加雷斯
浏览 3提问于2013-07-18得票数 12
回答已采纳
有没有办法像我们在iphone中那样获得指向后退的按钮。目前，我正在获得圆形按钮。
另外，任何人都有关于jQuery手机导航栏的想法。每当我们使用导航栏更改屏幕时，css都不会被应用。
浏览 0提问于2012-03-06得票数 0
有没有办法在运行时禁用任何构建步骤。就像我们有权在team city中出现运行弹出窗口时取消选中某个步骤。例如，我们有测试，每次构建都会运行，但由于某些紧急构建，我们希望从运行按钮取消选中它们，而不是在构建配置中禁用构建步骤。
通过构建功能选项，但它也没有提供任何这样的东西。任何想法都是可能的或不可能的。
谢谢
浏览 2提问于2014-05-08得票数 2
我只是尝试使用不同的复选框，它们的外观应该看起来像一个单选按钮，它就像一个内部有绿灯的圆形按钮。我用谷歌搜索了很长一段时间，但没有找到解决方案，有没有办法做到这一点。
提前谢谢。
浏览 0提问于2011-04-29得票数 6
回答已采纳
3回答
我在我的应用程序的摄像头视图上使用Overlay。问题是，我想使用标准的相机按钮--用来拍照的长长的椭圆形按钮。
有没有办法将椭圆形相机按钮添加到我的覆盖图中？
浏览 1提问于2011-04-29得票数 3
回答已采纳
1回答
在表格布局中，两行中有两个单选按钮。有没有办法把他们连成一个组(就像广播组一样)？这意味着，用户一次只能选中一个单选按钮。
我尝试使用侦听器接口在事件调用时处理逻辑。
有什么更好的办法吗？
提前感谢！
浏览 0提问于2011-08-10得票数 0
回答已采纳
有没有办法用PyGTK取消选中一个组中的所有单选按钮？在启动时没有选中任何单选按钮，所以我认为一定有一种方法可以将它们全部恢复到未选中状态。
浏览 1提问于2009-11-21得票数 10
回答已采纳
我有一个winforms应用程序，它有一个tabcontrol，在每个选项卡中都有一些radiobuttons，代码可以工作，但有一个问题。如果我转到一个选项卡并选中一个radiobutton，然后转到另一个选项卡并选中另一个radiobutton，则上一个按钮保持选中状态。有没有办法每当我选中另一个选项卡上的单选按钮时，应用程序就会取消选中另一个选项卡上的上一个按钮？我使用的代码是：
if (!radioButton1.Checked && !radioButton2.Checked && !radioButton3.Checked &
浏览 2提问于2016-12-07得票数 0
我有一个下拉列表，其中填充了来自数据库的数据。
<select name="form[entities][]" multiple="true">
{% for entity in entities %}
{% if entity.selected %}
<option value="{{ entity.id }}" selected="selected">
{{ entity.name }}
浏览 0提问于2013-02-17得票数 0
回答已采纳
如何从添加的控件中获取Grid.Row Grid.Column？
基本上我有16个网格，有4行4列，每个网格都添加了一个圆形按钮。
如何确定选中的圆形按钮在mouseover的MouseEventHandler下方分别位于哪些行和哪些列？对于鼠标点击，只有圆形按钮被选中，但对于鼠标悬停，将会有一个按钮集合。
RoundButton_MouseEnter、RoundButton_MouseLeave、RoundButton_MouseDown、RoundButton_MouseUp
谢谢
浏览 0提问于2010-04-28得票数 0
回答已采纳
1回答
我的表单中有一些选项按钮，我总是需要精确地单击圆形选项按钮才能将其选中。有没有办法让用户点击相关的标签来选择选项按钮？
<p>
<span class="editor-label">
@Html.LabelFor(m => m.ADR)
</span>
<span class="editor-field">
@Html.RadioButtonFor(model => model.ADR, "Yes", AdrYesOpti
浏览 0提问于2012-03-03得票数 20
回答已采纳
我需要一个ListBox，其中将包含几个选项。我需要复选框(样式)，而不是单选按钮。有没有办法让我现在只选中一个复选框？我使用的是MVVM，所以我不能手动选中或取消选中它们，这是违反规则的。如果我不能实现这样的功能--有没有简单的方法让单选按钮看起来像复选框？
浏览 2提问于2010-06-02得票数 0
回答已采纳
我需要在Qt 4.8中做一个可选的按钮，当它被选中时，它就会被禁用。
我遇到的问题是按钮变成灰色，我需要让它始终保持相同的颜色。我有两个问题，有两条可能的路径可循：
1)当我使用button.setEnabled(false)时，有没有办法禁用灰显效果？
2)有没有办法钩住click事件，这样我就可以“模拟”disabled属性？
提前感谢！
编辑为了给出一点背景，我有两个按钮，它们应该相互切换，这就是为什么我需要防止点击一个被按下的按钮。
浏览 1提问于2012-11-29得票数 2
回答已采纳
1回答
在iOS 7中维护导航动画
、、、、
UITableViewController in iOS包括用于行选择的微妙动画，在返回到视图(通过后退按钮)时，将简要突出显示先前选择的行。这为用户提供了一种应用程序中的位置感。
对于UIViewController来说，这种行为并不是免费的。包含的简单方法是在viewWillAppear中手动取消选中的行。
但是，iOS 7允许用户在导航堆栈中向后拖动。部分拖动但未完成拖动操作将触发viewWillAppear并取消对行的选择。当用户返回real时，不会选中该行。
使用viewDidAppear当然可以解决这个问题，但动画会在稍后触发(很明显)，并使应用程序感到迟钝。
有没有人想出办法来解
浏览 0提问于2013-10-21得票数 1
回答已采纳
4回答
有没有办法在可可中增加圆形按钮的大小？我正在做一个Cocoa应用程序，其中一个视图包含一些用户的头像。我想使用一个圆形按钮，并设置它的图像。但是我找不到任何方法来增加圆形按钮的大小。
有什么方法可以做到这一点吗？
浏览 1提问于2013-04-29得票数 2
我想知道，当您尝试将文件提交到存储库时，是否可以将checkbox的默认设置设置为not checked/none。commit的默认设置是check all，但我希望避免遇到误签入项目的情况。有没有办法将SVN的设置配置为在第一次单击提交按钮时取消选中这些框？
浏览 5提问于2013-01-24得票数 12
回答已采纳
我已经在C#中使用大约两个月了，用来快速检查我开发的在线调查。我已经做得很好了，但我仍然有一个问题我找不到答案。我知道如何遍历页面上的所有单选按钮，但我似乎找不到如何让它只选中一组中的一个单选按钮。
到目前为止，我已经使用单选集合来查找页面上的所有单选按钮。然后，我将使用foreach循环来检查所有单选按钮。我的意思是，是的，它确实在做我告诉它做的事情，但是我如何让它只选中一组中的一个单选按钮，而不是选中页面上的任何一个按钮？
有没有单选按钮集合这样的东西？任何文章，技巧，或指针都将非常感谢！
浏览 1提问于2011-07-14得票数 3
回答已采纳
我有一个要求，使一个圆形剧场的座位图像地图可选，很像一个复选框，有3个状态:选中，未选中和禁用。我想知道是否有办法做到这一点，以便选择的图像将成为序列化的数据库提交？
我让它只处理复选框，但我不能将它们用于客户端(他们喜欢漂亮的东西:p)
浏览 3提问于2011-07-08得票数 1
排序问题:是否有办法将UISearchDisplayController中的"Cancel“按钮文本更改为"Done”或"Close"？
基本原理：
我有一个包含选项列表的UITableView，每个选项都可以被选中或取消选中。
我想通过这些选项启用搜索，所以我创建并添加了一个UISearchDisplayController。
用户将搜索项目，然后对搜索结果中的项目执行动作(即，将选择/取消选择某些项目)。
一旦完成此操作，用户将返回到上一个(未搜索的)选项列表。
问题是，取消UISearchDisplayController的唯一方法是按下"Canc
浏览 2提问于2010-09-10得票数 1
2回答
我在Android中有一个单选按钮组。当项目被选中时，我会收到事件。到目前为止还算正常。但是如果用户点击一个已经选择的项目，我就不会得到这个事件。有没有办法知道(接收事件)，当用户点击一个单选按钮时，它是否被选中？非常感谢。
浏览 0提问于2012-05-04得票数 4
回答已采纳
我想知道，既然在Android上，用户通过按下“返回”圆形箭头来关闭屏幕，那么在每个屏幕上都有一个取消按钮是否仍然可以，或者它看起来是否相当笨拙和混乱，因为用户可能会认为它做了一些与返回按钮不同的事情。
对于这一点，有没有好的规则或指导方针？
非常感谢
浏览 3提问于2011-10-11得票数 3
回答已采纳
1回答
我使用python 3.5.1进行Python类的编程。
任务是：
(选择几何图形)编写一个绘制矩形或椭圆形的程序，如图9.23所示。用户从单选按钮中选择一个图形，并指定是否通过选择check按钮来填充它。
from tkinter import *
class geometricFig:
def __init__(self):
window = Tk()
window.title("Geometric Figures")
self.canvas = Canvas(window, width = 200, heigh
浏览 5提问于2016-01-21得票数 0
回答已采纳
在我的应用程序中，当我的表视图中没有选中任何行时，我想让某些按钮处于非活动状态。有一个didSelectRowAtIndexPath方法，它告诉我何时选择了一行。有没有办法知道某一行是否被取消选择？
提前谢谢你。
浏览 2提问于2009-04-20得票数 0
回答已采纳
1回答
我有两个通过xQuery生成的无序列表(一个按频率排序，另一个按字母顺序排序)。默认情况下显示频率排序列表，而字母列表通过Javascript隐藏。然后，用户可以选择单击链接以显示按字母顺序排列的列表，然后隐藏频率列表。用户可以在列表之间来回切换。这两个列表都显示在颜色框弹出窗口中。
我需要向每个列表添加复选框，并包括一个在每个列表的“全选”/“全部清除”之间切换的按钮。我的问题是，当我查看频率排序列表时，单击“全选”，然后单击链接查看按字母排序的列表，所有值仍处于选中状态，切换按钮文本变为“全选”。现在，当我单击“全选”按钮时，文本会切换回“全部清除”，但不会取消复选框。
当用户在两个列表之
浏览 3提问于2013-08-29得票数 1
我有一个无线电输入组。如果选中某个单选按钮并再次单击，它将变为未选中状态。
有没有办法获得无线电onClick事件的先前状态？
<input name="options" type="radio" onClick="resetMeIfChecked()">
<input name="options" type="radio" onClick="resetMeIfChecked()">
<input name="options" type="rad
浏览 2提问于2011-06-06得票数 8
6回答
选中复选框时提交表单
、、、
有没有办法在选中复选框时提交表单？
<form id="formName" action="<?php echo $_SERVER['PHP_SELF'];?>" method="get">
<input type ="checkbox" name="cBox[]" value = "3">3</input>
<input type ="checkbox" name="cBox[]"
浏览 0提问于2012-05-15得票数 42
24回答
如何更改单选按钮的颜色？
、、、
我的意思是，单选按钮本身由一个圆形和一个圆点组成(当按钮被选中时)。我想要改变的是两者的颜色。使用CSS可以做到这一点吗？
浏览 5提问于2010-11-23得票数 172
回答已采纳
我试图得到一个UINavigationBar，以坚持屏幕的左和右边缘，所以我试图不让它被限制在边距。
在情节提要中，对于右下角的几个约束按钮，有一个选项有一个复选框，用于“约束到边距”。我正在尝试取消选中我的UINavigationBar的这个框，但是在我取消选中它之后，约束仍然被选中。取消选中它后，"add约束“的按钮仍然是灰色的，最后单击弹出窗口。但当我这样做的时候，当我再看一次时，对利润率的限制仍然是被限制的。这是个bug吗?有办法解决这个问题吗？
浏览 1提问于2015-12-19得票数 0
回答已采纳
我在windows应用程序中使用了Telerik RadCheckedDropDownList。我有一个清除按钮，它重置和清除在我的winform应用程序中使用的控件中的值。但是我不知道要重置RadCheckedDropDownList。当我单击“清除”按钮时，在RadCheckedDropDownList中选中的复选框应该不被选中。请给我一个解决办法。任何帮助都是非常感谢的。
浏览 1提问于2016-11-04得票数 1
回答已采纳
我正在使用jqGrid中的自定义编辑/删除函数，我真的很喜欢它们在检查行是否被选中后调用您的自定义函数的事实。
现在我想再添加两个按钮，并且我想使用与编辑/删除相同的行为，所以当一行被选中时，我的函数会被调用，但如果没有行被选中，它们会显示默认的弹出窗口，上面写着“请先选择一行”。
有没有办法做到这一点？或者，有没有办法调用网格本身调用的方法？
谢谢!
浏览 0提问于2010-10-12得票数 2
回答已采纳
2回答
我有5个简单的按钮，我希望他们的行为像单选按钮，但没有勾选框(或任何他们叫他们)。它们在行中对齐，我希望一次只选择其中的一个，并且当一个按钮被选中时，它必须保持其选定的样式。我的布局代码如下所示：
<Button
android:id="@+id/button1"
android:layout_width="150dp"
android:layout_height="fill_parent"
android:layout_alig
浏览 0提问于2013-03-05得票数 2
回答已采纳
1回答
这里我提出了另一个问题，这一次是关于Qt工具按钮的AutoExclusive属性。下面是我的问题：
Q)我有4个工具按钮，这是彼此的autoExclusive，但我面临的问题是，当我想取消选中的按钮，它不允许我这样做(这是Qt中定义的行为)，但我希望每个按钮相互排斥，以及有可能取消选择它点击选中的按钮。有没有人能帮我解决这个问题。程序化的例子更有帮助。
提前感谢Keshav
浏览 3提问于2019-03-12得票数 0
当我像这样做一个圆形按钮
Button b = new Button();
b.setShape(new Circle(20.0));
b.setText("BUTTON");
b.setStyle("-fx-background-radius: 50em; " +
"-fx-min-width: 50px; " +
"-fx-min-height: 50px; ");
它仍然可以在圆圈外的区域点击，就像我在这里标出的那个：
有办法解决这个问题吗？
浏览 3提问于2019-11-06得票数 2
回答已采纳
1回答
我有一个单一的页面反应应用程序与一个简单的登录形式与两个按钮，LOGIN和BACK。如果我单击BACK LastPass仍然提供保存输入的用户名/密码，即使我没有登录。
有没有办法告诉LastPass，back按钮是登录表单的cancel按钮，在这种情况下它不应该尝试保存用户名/密码？
HTML看起来如下所示：
<input name="username" type="text" />
<button type="submit">LOGIN</button>
<button>BACK</but
浏览 0提问于2018-06-14得票数 0
回答已采纳
我在一个ASP.NET MVC站点中有一个表单，用户可以编辑该表单，并在以后返回。
如果他们不小心选择了单选按钮组中的一个值，有没有办法取消选中它？
默认情况下，一旦被点击，它就不能被取消点击！
浏览 2提问于2011-03-05得票数 1
回答已采纳
我有一个UI，它由加载自定义适配器的Gridview组成。在本例中是一个ButtonAdapter。所以网格加载很好，按钮点击的功能就像我想要的那样，但现在我必须在按钮上指出它是“活动”选项。
我想我可以通过跟踪和改变背景来做到这一点。事实证明，根据SO上的几篇帖子，这些按钮在关闭screen...and时实际上并不存在，甚至在滚动之后也是如此。当我在滚动后尝试更改按钮背景时，我经常会得到一个NullPointerException。
我曾尝试将适配器中的视图更改为RadioButtons和ToggleButtons，但它们都提供了类似的限制。
问题似乎主要与getChildAt()有关，当另
浏览 0提问于2011-11-08得票数 2
回答已采纳
我创建一个自定义适配器，其中每行都包含一个单选按钮。一次只能选择一个单选按钮。到目前为止，我一直在列表视图中添加一个onClick (或onTouch)事件处理程序，然后遍历所有项(存储在我的ArrayList中)以确定最后选择的项目，然后取消选中它(如果它与当前选定的项不同)，然后标记与当前选定的行关联的项，以指示它已被选中，并检查该项的单选按钮。
这似乎是一种很长的做事方式。有没有一种简单的方法可以让Android自动取消选中当前选择的单选按钮，然后选择新选择的按钮？
浏览 11提问于2013-11-07得票数 0
回答已采纳
#!!/usr/bin/python
# Qt modules
from PyQt4 import QtCore, QtGui
import sys
class gui(QtGui.QDialog):
def __init__(self, parent=None):
QtGui.QDialog.__init__(self, parent)
self.setWindowTitle('Grid of buttons')
self.resize(450, 300)
#--------------------------
浏览 2提问于2012-08-02得票数 3
回答已采纳
有没有办法创建一个圆形徽章来显示一个数字，该圆形徽章和数字响应字体大小？
我试过了：
<input type="range" min="30" max="100" value="30" onchange="document.getElementById('d').style.fontSize=this.value+'px';"><br/>
<div id="d" style="position:relative;display
浏览 0提问于2018-05-25得票数 1
我正在尝试将行按钮添加到网格面板中。这些按钮应该捕获click事件，执行它们的工作，并防止行被选中。
问题是，更改行选择的行为是在按钮的事件之前运行的(例如，如果行正在捕获它，而不是等待事件冒泡)。
有没有办法在行选择之前添加一个执行其操作的行按钮，以便能够取消事件，从而取消任何其他行为？
浏览 1提问于2010-08-02得票数 1
我想实现一些代码行，允许Android打开/关闭屏幕，就像我们使用电源按钮快速打开/关闭设备一样。有没有办法做到这一点？
浏览 3提问于2012-12-13得票数 10
回答已采纳
语言:：.Net Windows窗体应用程序平台:：VS 2008 ( Visual C++ 4.0)
我正在使用选中的ListView控件。我将"MultiSelect“选项设置为FALSE。这似乎可以让一次只突出显示一行。
但是，与ListView中的每一项相关联的复选框似乎不起作用。即使"MultiSelect“= FALSE，它仍然允许用户检查列表中的多个项目。
我理解CheckBox背后的基本概念。。。它允许选择多个项目。但是，有没有办法绕过这个“特性”呢？即使在"MultiSelect“选项= FALSE的情况下，有没有办法限制一个选中的ListView中只
浏览 7提问于2011-05-17得票数 0
这就是我如何使用dijit创建带有复选框的下拉菜单。
layerList.reverse();
var menu = new dijit.Menu({
id : 'layerMenu'
});
dojo.forEach(layerList, function(layer) {
menu.addChild(new dijit.CheckedMenuItem({
label : layer.title,
id : layer.title.replace("
浏览 0提问于2012-11-02得票数 0
回答已采纳
我正在使用Visual studio 2010 WinForms，当我遇到问题时，我正在设计我的UI。工具中提供的按钮总是长方形的，看起来很无聊，有没有办法改变按钮的形状？像圆形还是椭圆形？
另一个问题是，如何在TextBox中启用键盘“回车”按钮？例如:我在TextBox中输入了一个地址，当我按下'Enter‘时，我想让它做一些事情。
请多多指教，谢谢。
浏览 0提问于2012-01-13得票数 1
回答已采纳
2回答
有没有办法在拉斐尔JS中模拟事件冒泡？我有几个圆形对象，我想把图标放进去，但是一旦我把图标放在上面，我所有的圆形事件处理(悬停，点击，拖动)就会变得一团糟(图标捕获了悬停，点击，拖动事件)。
我考虑过几种选择，但大多数都非常非常混乱(交叉调用所有类型的事件处理程序，试图“同步”图标和按钮)，而我真正想做的就是将图标“分组”，并作为一个按钮循环在一起。一种更简单的方法是让圆形+按钮本身成为一个图像，但我希望能够动态地更改按钮的颜色，这样手动更改图像的颜色就会很麻烦。
有没有更好的方法来做到这一点？
浏览 1提问于2011-06-21得票数 3
4回答
我想添加像单选按钮这样的按钮。我创建了圆形矩形按钮，但对单选按钮一无所知。
我该怎么做呢？这就是我实现复选框按钮功能的方式。
有什么需要帮忙的吗？
浏览 0提问于2011-09-05得票数 1
我有一个基本的例子，几个按钮填充在一个基本的模块弹出窗口。我想问他们如何将状态从活动状态更改为非活动状态，就像在我的代码中一样，我没有看到任何可见的变化。
我添加了自定义JS，在单击操作上添加"active“类，并在第二次单击时删除，但至少有一个按钮(最近单击)仍然被选中，即使没有附加”活动“类。
我在Codepen.io 中编写了代码示例，但我发现那里的按钮的行为甚至不同，因为它们不像默认情况下那样被选中，对吗？
请让我知道我错过了什么
<button type="button" class="btn btn-outline-secondary w-10
浏览 4提问于2020-11-09得票数 0
回答已采纳
2回答
由于zsh的一些更新，出现了一个新的shell行为。也就是说，现在当我从缓冲区粘贴文本(通过粘贴命令或通过第三个鼠标按钮--不管如何) --它“被选中”--插入文本的背景被突出显示，就像我选择了它一样。例如，如果我按下光标移动键，所选内容就会消失。
我在konsole终端(KDE 5)使用zsh。现在，这些程序的版本是：
康斯洛- 16.12
zsh - 5.3
grml-zsh-config - 0.12.6
我的发行版是拱门。
是否有机会改变过去的行为？
浏览 0提问于2016-12-21得票数 5
回答已采纳
6回答
有没有办法一次取消选中所有的框？
我有一个4x4的复选框表格，并且我将它们的ID都设置为"cb“。我想要一个可以清除所有这些内容的按钮，所以我尝试了如下操作：
document.getElementById("cb").checked="false"
但在屏幕上，它们仍处于选中状态。这个是可能的吗？
浏览 2提问于2013-03-25得票数 0
回答已采纳
2回答
我知道你不能通过再次按下android中的单选按钮来取消选中它。但是，如果选中了一个单选按钮，则可以取消选中所有其他radioButtons。
问题是我如何知道在一个单选按钮组中点击了一个单选按钮？
还有没有人可以给我一个链接，告诉我如何在一个单选按钮被选中的情况下重置组中的所有单选按钮？！？！
浏览 2提问于2011-11-29得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
