草庐IT

btn-radio

全部标签

html - :focus styling on custom radio input

我有一个或多或少像这样实现的自定义radio输入样式:....custom-radio+label:before{content:""//Stylinggoeshere}.custom-radio:focus+label:before{outline:1pxsolidblack;]除了一个烦人的细节:键盘导航的焦点样式外,这很好用。我可以使用Tab键选择一组单选按钮并使用箭头键更改所选单选按钮,但默认的:focus轮廓不会出现,因为输入标签已隐藏。我尝试像上面一样添加自己的焦点样式,但这最终表现得与默认浏览器样式不同。默认情况下,Chrome(以及我假设的其他浏览器)只会在您通过键盘选

html5 : Significance of attribute named required in checkbox/radio

在提交表单时,您怎么可能根据需要标记复选框/单选按钮?灵感来源:Pekka的answer到question 最佳答案 必需的复选框并不罕见。实际上,每个注册表都使用某种形式的“我已阅读并接受用户协议(protocol)”复选框。如果您手边有Opera,请尝试下面的代码。除非选中复选框,否则不会提交表单。html5html5testrequiredcheckbox 关于html5:Significanceofattributenamedrequiredincheckbox/radio,我们

html - 使用 Bootstrap,如何将 radio 输入显示为按钮?

我的表单当前包含此代码:Option0Option1Option2我不想将单选按钮显示为单选按钮,而是想让它们看起来像普通按钮,如下所示:Option0Option1Option2我有radio,我想让它们看起来像可切换的按钮。我应该如何使用Bootstrap来做到这一点? 最佳答案 Option1Option2Option3 关于html-使用Bootstrap,如何将radio输入显示为按钮?,我们在StackOverflow上找到一个类似的问题: htt

jquery - 在移动屏幕尺寸上将按钮更改为 "btn-block"

使用Bootstrap3,有没有办法让按钮在“xs”屏幕大小时使用btn-block类?目前我有一个表单,其中一些行包含3个下拉菜单和两个按钮,在大屏幕和中屏幕上看起来不错。当表单在小屏幕上发生变化,并且表单控件被迫垂直移动时,按钮保持相同大小并且看起来很愚蠢,它们被推到屏幕的左侧。理想情况下,我希望能够在较小的屏幕尺寸上将它们作为block按钮,这样它们就占据了整个宽度(表单的宽度,表单控件也是如此)并使它看起来更好一些。 最佳答案 将您的自定义类添加到按钮,并使用媒体查询将设备上的宽度设置为100%,直至您的断点。所以即在CSS

html - Bootstrap 3 "btn-group"小屏幕上的无响应行为

是否有bootstrap3方法来处理“btn-group”的小屏幕尺寸?按钮组放在并包裹在中:看起来不错,直到您将其大小调整为如何让它们持久化?我试图添加类btn-group-justified.但结果是它给出了全宽按钮,并且在调整到小屏幕尺寸时看起来更糟。P.S>我有一个想法,如何实现它添加全套自定义类。我的问题是关于bootstrap3方式。可能是我错过了什么。 最佳答案 您可以创建两个具有相同按钮的按钮组,并将其中之一设为btn-group-vertical。然后在对它们应用hidden-xs和visible-xs之后,您可以

jquery - 如何使用jquery检查输入类型是否为 radio

我想根据它们的类型以不同方式处理html元素。使用jquery,如何检查输入类型是否为单选按钮?我试过:if($('#myElement').is(':radio')){....//codehere}和if($('#myElement').is("input[type='radio']")){....//codehere}这些都不起作用。有什么想法吗?编辑:if($('#myElement').is(':radio')){....//codehere}有效,但我的单选按钮没有id属性,它们只有name属性,这就是它不起作用的原因。我将我的代码更改为:if($('input[name='

html - 如何从 twitter-bootstrap 将 .btn-group 居中?

我正在使用twitter-bootstrap,我发现很难将具有类.btn-group(link)的div居中。通常,我使用margin:0auto;或text-align:center;在div中居中,但当内部元素具有属性float:left时它不起作用,在这种情况下用于视觉效果。http://jsfiddle.net/EVmwe/1 最佳答案 将text-center添加到父级对我有用(Bootstrap3):123 关于html-如何从twitter-bootstrap将.btn-g

java - 如何在 Flutter/Dart (Android) 中创建动态 Radio-Group

下面的代码我曾经在简单的android中创建我必须为Flutter/Dart做的事情,我对flutter/Android完全陌生publicstaticvoidsetCustomRadioGroup(LinearLayoutlayout,Contextcontext,ArrayListsetName,ArrayListviewList){intsizeOfList=setName.size();finalRadioButton[]radioButtons=newRadioButton[setName.size()];RadioGroupradioGroup=newRadioGroup(

jquery - 使用 jquery 在 radio 上单击或更改事件

我的页面中有一些radio,我想在选中的radio发生变化时做一些事情,但是代码在IE中不起作用:$('input:radio').change(...);在谷歌搜索之后,人们建议改用点击。但它不起作用。这是示例代码:$('document').ready(function(){$('input:radio').click(function(){alert('changed');});});test1test2test3它在IE中也不起作用。所以我想知道发生了什么事?另外我担心如果我点击选中的单选按钮是否会重新触发更改事件?更新:我无法添加评论,所以我在这里回复。我使用IE8,Furq

jquery - 使用值从 radio 组中设置选定的 radio

我为什么要为此苦苦挣扎?我有一个值:5如何查看值为5的组“mygroup”的单选按钮?$("input[name=mygroup]").val(5);//doesn'twork? 最佳答案 在attributeselector的帮助下您可以选择具有相应值的输入元素。然后你必须明确地设置属性,使用.attr:varvalue=5;$("input[name=mygroup][value="+value+"]").attr('checked','checked');从jQuery1.6开始,您还可以使用.prop具有bool值的方法(这