radio-button 相关问题

我需要使用jQuery取消选中的收音机按钮。按钮本身是隐藏的，因此我在标签上使用单击来触发此功能。到目前为止，我已经： html 哪里会... 我需要使用jQuery取消选中的收音机按钮。按钮本身是隐藏的，因此我在标签上使用单击来触发此功能。到目前为止，我有： html <form> <h4>Where would you like to work?</h4> <div class="radio-holder"> <input id="form1_areas1" name="areas" type="radio" value="area/london"> <label for="form1_areas1">London</label> </div> <div class="radio-holder"> <input id="form1_areas2" name="areas" type="radio" value="area/west-midlands"> <label for="form1_areas2">West Midlands</label></div> </form> Scss form { max-width: 500px; margin: 0 auto; padding-top: 20px; } div.radio-holder { padding: 10px; } input[type="radio"] { display:none; &:checked+label { border-bottom: 2px solid #222222; padding-bottom: 0px; } } jquery $(document).ready(function(){ $("form input[type='radio']:checked + label").click(function(){ $(this).prev().prop( "checked", false ); }); }); 在这里acodepen 但这并不是取消选中单选按钮。我知道这不是无线电按钮的标准功能，但是我需要用户在需要的情况下能够将无线电按钮集恢复为未选择的状态，同时也限制了他们从一组选项中选择一个。任何帮助都非常感谢。 Cheers Mike 要启用 /禁用同一收音机，您必须使用event.preventDefault()来防止默认行为（单击标签时启用复选框，因此检查的道具将始终设置为true），并在语法上进行无线电启用 /禁用，如图所示下图： $(document).ready(function(){ $("label").click(function(e){ e.preventDefault(); $check = $(this).prev(); if($check.prop('checked')) $check.prop( "checked", false ); else $check.prop( "checked", true ); //console.log($check.prop("checked")); }); }); form { max-width: 500px; margin: 0 auto; padding-top: 20px; } div.radio-holder { padding: 10px; } input[type="radio"] { display:none; } input[type="radio"]:checked+label { border-bottom: 2px solid #222222; padding-bottom: 0px; }<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <form> <h4>Where would you like to work?</h4> <div class="radio-holder"> <input id="form1_areas1" name="areas" type="radio" value="area/london"> <label for="form1_areas1">London</label> </div> <div class="radio-holder"> <input id="form1_areas2" name="areas" type="radio" value="area/west-midlands"> <label for="form1_areas2">West Midlands</label></div> </form> 您可以使用下一个技巧： -add aadata-num属性。 - 在每次点击时使用data-num检查/取消选中单选按钮。希望它有帮助： $(document).ready(function(){ $("input").click(function(){ $("input").not(this).attr("data-num", 1); var data = $(this).attr("data-num") if(data==1){ data = 2 $(this).attr("data-num", data); return; } if(data==2){ data = 1 $(this).prop('checked', false); $(this).attr("data-num", data); return; } }) }) form { max-width: 500px; margin: 0 auto; padding-top: 20px; } div.radio-holder { padding: 10px; } input[type="radio"] { display:none; } input[type="radio"]:checked+label { border-bottom: 2px solid #222222; padding-bottom: 0px; } <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <form> <h4>Where would you like to work?</h4> <div class="radio-holder"> <input id="form1_areas1" name="areas" type="radio" value="area/london" data-num="1"> <label for="form1_areas1">London</label> </div> <div class="radio-holder"> <input id="form1_areas2" name="areas" type="radio" value="area/west-midlands" data-num="1"> <label for="form1_areas2">West Midlands</label></div> </form> $(document).ready(function(){ $("label").click(function(e){ e.preventDefault(); $check = $(this).prev(); if($check.prop('checked')) $check.prop( "checked", false ); else $check.prop( "checked", true ); //console.log($check.prop("checked")); }); }); form { max-width: 500px; margin: 0 auto; padding-top: 20px; } div.radio-holder { padding: 10px; } input[type="radio"] { display:none; } input[type="radio"]:checked+label { border-bottom: 2px solid #222222; padding-bottom: 0px; } <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <form> <h4>Where would you like to work?</h4> <div class="radio-holder"> <input id="form1_areas1" name="areas" type="radio" value="area/london"> <label for="form1_areas1">London</label> </div> <div class="radio-holder"> <input id="form1_areas2" name="areas" type="radio" value="area/west-midlands"> <label for="form1_areas2">West Midlands</label></div> </form>

javascript jquery html css radio-button

回答 3 投票 0

html表单不发送广播按钮的期望值，而是发送“ on”

ReviewType $value设置为“ on”，不确定它的来源，为什么它不是“电影”的选定值。您没有给您的收音机按钮任何值。因此，根据radio按钮文档：如果您省略了HTML中的value属性，则提交的表单数据将值分配给组。您似乎是在on属性分配广播按钮的值的印象中，但事实并非html元素。它与表单字段的价值无关。要纠正这一点，将所有按钮上的id更改为id，例如 value

php html radio-button

回答 1 投票 0

PHP不读取广播按钮的正确值，返回怪异的值

ReviewType <form action="admin_review.php?opt=newReview" method="post" > <fieldset> <legend>Review Type</legend> <div class="input"> <label for="movie">Movie Review</label> <input type="radio" name="reviewType" id="movie"> </div> <div class="input"> <label for="television">Television Review</label> <input type="radio" name="reviewType" id="television"> </div> <div class="input"> <label for="book">Book Review</label> <input type="radio" name="reviewType" id="book"> </div> <div class="input"> <label for="comic">Comic Review</label> <input type="radio" name="reviewType" id="comic"> </div> <div class="input"> <label for="game">Game Review</label> <input type="radio" name="reviewType" id="game"> </div> </fieldset> <input type="submit" value="New Review Defintion"> </form> if(isset($_POST['reviewType'])) { $value = $_POST['reviewType']; die("<h1>Review Type " . $value . "</h1>"); $value设置为“ on”，不确定它的来源，为什么它不是“电影”的选定值。您没有给您的收音机按钮任何值。因此，根据radio按钮文档：如果您省略了HTML中的value属性，则提交的表单数据将值分配给组。您似乎是在on属性分配广播按钮的值的印象中，但这不是 - 就像其他任何HTML一样元素。它无需完成表单值。要纠正这一点，将所有按钮上的id更改为id，例如 value

php html radio-button

回答 1 投票 0

如何绑定大麻中的无线电按钮？

c# binding radio-button blazor

回答 3 投票 0

在多次点击上未选中的角度材料垫广播按钮

我如何清除第二次单击时选择（已选择后）我知道我可以使用复选框实现此行为，但我需要仅选择一个项目。任何...

angular radio-button angular-material

回答 4 投票 0

SurveyJS 错误？问题名称=“0”导致选项不显示在逻辑中

将我的问题命名为“0”（零）会导致我无法在 Logic 中选择所选选项。当然，我可以轻松更改此设置，但这应该与屏幕 ID 匹配，其中 0 是着陆...

radio-button logic surveyjs

回答 1 投票 0

在GTK3中生成单选按钮列表（C）

我正在尝试 GTK UI，需要帮助解决以下问题；我在网上找不到太多有关它的材料。使用 GTK 3，在 C 语言和 Linux 上，我尝试生成一个 UI ...

c user-interface radio-button gtk radio-group

回答 1 投票 0

使用单选按钮进行数据表选择不起作用

我有一个 p:dataTable，每个 RowEditor 都可以编辑。现在我想为每个单选按钮添加单个选择（因为通过简单地单击行进行的 rowSelection 不适用于 cellEditor）。问题是

datatable primefaces radio-button selection

回答 1 投票 0

RadioButton Command 属性不适用于 xamarin.forms [重复]

RadioButton 命令属性从 Xamarin.Forms 4.7 更新到 Xamarin.Forms 5.0.0.2337 后不起作用。在 ViewModel 中使用命令而不是使用代码隐藏的替代方法有哪些。

xamarin.forms mvvm radio-button

回答 1 投票 0

PHP 中逗号分隔值的单选按钮值

我已将问题及其答案值存储在 mysql 数据库表中。我想获取问题及其答案值作为单选按钮。如何实现这一目标？当前代码编号 | Question_field...

php radio-button

回答 1 投票 0

在 Odoo 17 中，如何根据其他字段上的选择来限制单选按钮选项

当其他字段的值如下时，我需要将单选按钮选项设置为仅“集装箱”：direction='export'、transport='ocean' 和 ocean_shipment_type='fcl'。这里...

forms radio-button odoo-17

回答 1 投票 0

如何在c#中隐藏单选按钮

我想根据值隐藏一些单选按钮。怎么做呢？我正在尝试这个。 if(ArbeitsplatzId==400) { //RbAmWartungRbRüstenRbRPMWartungRbSchichtwechsel RbAmWartung.Visibility = f...

c# radio-button hidden

回答 1 投票 0

为什么我的代码允许选择多个单选组？

我尝试在表单上使用单选组，但结果是允许对同一组进行多次选择。这是我的代码：我尝试在表单上使用单选组，但结果是允许对同一组进行多次选择。这是我的代码： <form action="/action_page.php"> <input type="radio" id='legal_version' name="choice" value="legal_version"> <label for="legal_version">Legal Version</label><br> <input type="radio" id='alt_version' name="choice" value="alt_version"> <label for="alt_version">Alt Version</label> </form> 我已经盯着这个看了几个小时并尝试了不同的事情。您可以在这个演示中看到，我的代码允许多项选择，而不是仅一项： JSFiddle 我确信我忽略了一些简单的事情。请帮忙！ O código que você forneceu está correto para usar botões de opção (radio Buttons) em um formulário, mas se está allowedindo várias seleções, provavelmente há um Problema relacionado a como o formulário está sendo manipulado no seu código ou na interação com ele. Aqui estão alguns pontos que você pode verificar para corrigir o Problema: 1- 确保 botões de opção tenham o mesmo “name”：Eles têm o mesmo “name”（“选择”），或允许您选择 apenas uma seleção seja feita。 Isso já está correto no seu código. 2-通过 JavaScript 验证公式或发送操作，或更改操作或操作机器人的代码。 3-验证 HTML 是否正确渲染，无需导航。 Em alguns casos, 缓存或渲染问题可能会导致意外的后果。

html radio-button multipleselection

回答 1 投票 0

radio-button 相关问题

最新问题