我的表单在 Ajax 调用后填充了数据。一旦用户单击“后退”按钮，表单就应该被清除。由于某种原因，一旦填充数据并检查单选按钮，重置不会清除该值并取消选中该元素。这是代码示例：
$.each(getData, function(name, value){
var elementName = $('[name="'+'frmSaveaccount_'+name.toLowerCase()+'"]'),
elementType = elementName.prop('type'),
elementVal = $.trim(value);
switch(elementType){
case 'checkbox':
value == 1 ? elementName.attr('checked',true) : elementName.attr('checked',false);
break;
case 'radio':
$('input[name="'+'frmSaveaccount_'+name.toLowerCase()+'"][value="' + value + '"]').attr('checked', true);
break;
case 'select-one':
elementName.val(value);
break;
default:
elementName.val(value);
}
});
这是清除表单的函数：
$('#account_goback').on('click',clearForm);
function clearForm(e) {
e.preventDefault();
$('.frm-Submit')[0].reset();
$('.frm-Submit').find('input:hidden').val('');
}
当应清除表单时，有没有办法取消选中单选按钮？谢谢。
有人可以帮我检查一下 cypress 中的单选按钮是否被单击。这些单选按钮是引导程序一次，因此单选按钮的类没有变化。
这是单选按钮的完整元素：
> <input _ngcontent-ixv-c132="" type="radio" formcontrolname="gender"
> value="M" class="form-check-input ng-pristine ng-valid ng-touched"
> id="flexRadioM_0" data-testid="g-male-0">
我尝试过这种方法来记录单选按钮状态，但没有成功。
const cb = document.querySelector('[data-testid="g-female"]');
cy.log(cb.checked)
以前使用过下面的一个，现在这个不起作用，因为类没有根据单选按钮的单击而更改，
const maleRadioBtn = cy.get('[data-testid="g-male-0"]')
maleRadioBtn.should('have.class', 'mat-radio-button mat-accent mat-radio-checked')
我正在为学校开发一个程序，用户可以选择一个单选按钮来显示总统的图像。但是，单击按钮时我无法显示图像。我不知道哪里出了问题，我需要一些帮助。其他一切都很好。我需要进行任何编辑吗？
package com.example.imagedisplay;
import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.RadioButton;
import javafx.scene.control.ToggleGroup;
import javafx.scene.image.Image;
import javafx.scene.image.ImageView;
import javafx.scene.layout.HBox;
import javafx.scene.layout.VBox;
import javafx.stage.DirectoryChooser;
import javafx.stage.Stage;
import java.io.File;
public class PresidentImageDisplay extends Application {
@Override
public void start(Stage primaryStage) {
DirectoryChooser directoryChooser = new DirectoryChooser();
directoryChooser.setTitle("Select Presidents Folder");
File selectedDirectory = directoryChooser.showDialog(primaryStage);
if (selectedDirectory != null) {
File[] imageFiles = selectedDirectory.listFiles();
if (imageFiles != null && imageFiles.length >= 5) {
ImageView[] presidentImageViews = new ImageView[5];
ToggleGroup toggleGroup = new ToggleGroup();
HBox radioBox = …我的页面有大约25个单选按钮组.当在组中选择单选按钮时,我想执行特定于该组的操作,因此需要无线电组的NAME属性.
我有一组单选按钮.在某些情况下,我希望用户能够选择多个这些单选按钮.
我使用的逻辑是,如果我希望用户只选择单选按钮,我将它们添加到相同的radiobuttongroup.如果我希望用户能够选择多个,我将每个添加到他们自己的radiobuttongroup.
我遇到的问题是,当我单独选择组中的单选按钮时,我可以不取消选择它.
有人可以告诉为什么会发生这种情况并建议采用不同的方式吗？
我希望提交按钮处于"非活动状态",直到您单击表单中的某个单选按钮,然后该按钮将在您单击后将背景图像从button.png更改为button_active.png.
这可以用CSS完成吗？或者我必须涉及jquery/javascript？我该怎么做呢？
<input id="1" type="radio" name="1" value="1" />
<input id="2" type="radio" name="2" value="2" />
<input type="submit" name="submit" value="valj" />
我想使用单选按钮作为设计元素,没有任何功能.用户不应该检查或取消选中它们.
<div id="divRadios">
<input type="radio">
<input type="radio">
...
</div>
我想解决方案可能是放置一个单独的空div #divRadios并给它更高的z-index,但也许有一种更原生的方式？
我有一个订单表格,有三组单选按钮选项.最后,我希望每个组中单选按钮的文本在单击时更改为粗体和红色.但是,即使只改变一组的颜色,我也没有运气.下面是我用来尝试更改一组单选按钮的循环.我的逻辑是通过单选按钮组,如果其中一个被点击它将改变文本的样式.这个功能我做错了什么？
function highlight() {
var radios = document.getElementsByName('cases');
for (var i = 0; i < radios.length; i++) {
if (radios[i].checked == true) {
return document.getElementByName.style.color = 'red';
}
}
}
这是我的代码中的一组单选按钮.其他两组相似:
<input id="case1" type="radio" name="cases" value="500.00" onclick="highlight()"/> Desktop Case ($500.00) </br>
<input id="case2" type="radio" name="cases" value="600.00" onclick="highlight()"/> Mini-Tower Case ($600.00) </br>
<input id="case3" type="radio" name="cases" value="700.00" onclick="highlight()"/> Full-Tower Case ($700.00) </br>
任何帮助将不胜感激.
与此几乎相同的问题：
How to remove irrelevant blueoutlines offocused checkbox in Mozilla Firefox 89
但是：
使用键盘（使用TAB键）导航表单仍然在复选框/单选按钮周围显示相同的样式。
这些样式应该是:focus-visible样式，但以下内容不会删除它们：
[type="checkbox"]:focus-visible,
[type="radio"]:focus-visible {
outline: 0;
}
我还尝试删除任何box-shadow和border所有这些!important。
没有运气。
是否有 CSS 解决方案可以删除围绕键盘聚焦的复选框/单选按钮的这些新的 Firefox 样式？
我有一个带有一组4个单选按钮的表格,由于某些原因我不知道,我的第四个收音机不起作用......
JSBIN在这里:电台疯狂
我通过W3C验证器运行代码并且它抱怨在第4个无线电上label元素必须引用a form input.
看着我的第3和第4个电台标签并输入......
<label for="dyno_fe7ee1e9-6005-69e7-6205-5265c866f79f_content_type_2">Structured Text</label>
<input type="radio" id="dyno_fe7ee1e9-6005-69e7-6205-5265c866f79f_content_type_2" name="dyno_fe7ee1e9-6005-69e7-6205-5265c866f79f_content_type" value="text/structured">
这有效,而这个:
<label for="dyno_fe7ee1e9-6005-69e7-6205-5265c866fa79f_content_type_3" data-i18n="">reStructuredText</label>
<input type="radio" id="dyno_fe7ee1e9-6005-69e7-620a5-5265c866f79f_content_type_3" name="dyno_fe7ee1e9-6005-69e7-6205-5265c866f79f_content_type" value="text/x-rst">
失败.它必须是与之相关的东西,id-attribute因为如果我只是使用a, b, cas id,代码就会通过.我已经查到了id限制,这不是一个长度问题,而且我从一个角色开始,所以对我来说没关系.
问题:
为什么id第四个单选按钮的属性无效,其他三个按钮工作正常？
谢谢你的启发......