blocks|key|1804928|text|看起来change()函数只在您选中某个单选按钮时调用，而不是在取消选中它时调用。我使用的解决方案是将change事件绑定到每个单选按钮：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1804929|$("#r1,+#r2,+#r3").change(function+()+{|code-block|syntax|javascript|1804930|或者，您可以为所有单选按钮指定相同的名称：|1804931|$("input[name=someRadioGroup]:radio").change(function+()+{|1804932|这是一个有效的jsfiddle+example+(更新自Chris+Porter的评论)。|1804933|根据@Ray的评论，您应该避免在名称中使用带有.的名称。这些名称在jQuery+1.7.2中有效，但在其他版本(jsfiddle+example.)中无效。|1804934|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/N9tBx/|1|http://jsfiddle.net/zn7q2/2/^0|3|8|0|0|0|0|7|G|0|0|N|1|1K|H|1|0^^$0|@$1|2|3|4|5|6|7|12|8|@$9|13|A|14|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|15|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|16|8|@]|D|@]|E|$]]|$1|M|3|N|5|H|7|17|8|@]|D|@]|E|$I|J]]|$1|O|3|P|5|6|7|18|8|@]|D|@$9|19|A|1A|1|1B]]|E|$]]|$1|Q|3|R|5|6|7|1C|8|@$9|1D|A|1E|B|C]]|D|@$9|1F|A|1G|1|1H]]|E|$]]|$1|S|3|-4|5|6|7|1I|8|@]|D|@]|E|$]]]|T|$U|$5|V|W|X|E|$Y|Z]]|10|$5|V|W|X|E|$Y|11]]]]

Looks like the <code>change()</code> function is only called when you check a radio button, not when you uncheck it. The solution I used is to bind the change event to every radio button:

<pre><code>$("#r1, #r2, #r3").change(function () {
</code></pre>

Or you could give all the radio buttons the same name:

<pre><code>$("input[name=someRadioGroup]:radio").change(function () {
</code></pre>

Here's a working <a href="http://jsfiddle.net/N9tBx/">jsfiddle example</a> (updated from Chris Porter's comment.)

Per @Ray's comment, you should avoid using names with <code>.</code> in them. Those names work in jQuery 1.7.2 but not in other versions (<a href="http://jsfiddle.net/zn7q2/2/">jsfiddle example.</a>).

blocks|key|1590452|text|您可以按名称一次绑定到所有单选按钮：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1590453|$('input[name=someRadioGroup]:radio').change(...);|code-block|syntax|javascript|1590454|此处的工作示例：http://jsfiddle.net/Ey4fa/|offset|length|1590455|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/Ey4fa/^0|0|0|8|Q|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@$I|V|J|W|1|X]]|A|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]]]

You can bind to all of the radio buttons at once by name:

<pre><code>$('input[name=someRadioGroup]:radio').change(...);
</code></pre>

Working example here:
<a href="http://jsfiddle.net/Ey4fa/" rel="noreferrer">http://jsfiddle.net/Ey4fa/</a>

blocks|key|1805146|text|这通常适用于我：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1805147|if+($("#r1").is(":checked"))+{}|offset|length|style|CODE|1805148|entityMap^0|0|0|V|0^^$0|@$1|2|3|4|5|6|7|J|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|K|8|@$D|L|E|M|F|G]]|9|@]|A|$]]|$1|H|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|I|$]]

This normally works for me:

<code>if ($("#r1").is(":checked")) {}</code>

blocks|key|1590828|text|我的问题也是类似的，这对我很有效：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1590829|$('body').on('change',+'.radioClassNameHere',+function()+{+...|code-block|syntax|javascript|1590830|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

My problem was similar and this worked for me:

<pre><code>$('body').on('change', '.radioClassNameHere', function() { ...
</code></pre>

blocks|key|1590780|text|假设这些单选按钮位于id为radioButtons的div中，并且这些单选按钮具有相同的名称(例如commonName)，则：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1590781|$('#radioButtons').on('change',+'input[name=commonName]:radio',+function+(e)+{
++++console.log('You+have+changed+the+selected+radio+button!');
});|code-block|syntax|javascript|1590782|entityMap^0|D|C|Q|3|1D|A|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]|$9|P|A|Q|B|C]|$9|R|A|S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|T|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|U|8|@]|D|@]|E|$]]]|L|$]]

Let's say those radio buttons are inside a <code>div</code> that has the id <code>radioButtons</code> and that the radio buttons have the same name (for example <code>commonName</code>) then:

<pre><code>$('#radioButtons').on('change', 'input[name=commonName]:radio', function (e) {
 console.log('You have changed the selected radio button!');
});
</code></pre>

blocks|key|1590906|text|取消选择时不触发的change事件是所需的行为。您应该在整个单选按钮组上运行选择器，而不仅仅是单个单选按钮。并且您的单播组应该具有相同的名称(具有不同的值)|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1590907|考虑以下代码：|1590908|$('input[name="job[video_need]"]').on('change',+function+()+{
++++var+value;
++++if+($(this).val()+==+'none')+{
++++++++value+=+'hide';
++++}+else+{
++++++++value+=+'show';
++++}
++++$('#video-script-collapse').collapse(value);
});|code-block|syntax|javascript|1590909|我和你有相同的用例，即当一个特定的单选按钮被选中时，显示一个输入框。如果事件也是在取消选择时触发的，我每次都会得到2个事件。|1590910|entityMap^0|9|6|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@$9|R|A|S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|T|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|U|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|V|8|@]|D|@]|E|$]]|$1|O|3|-4|5|6|7|W|8|@]|D|@]|E|$]]]|P|$]]

The <code>change</code> event not firing on deselection is the desired behaviour. You should run a selector over the entire radio group rather than just the single radio button. And your radio group should have the same name (with different values)

Consider the following code:

<pre><code>$('input[name="job[video_need]"]').on('change', function () {
 var value;
 if ($(this).val() == 'none') {
 value = 'hide';
 } else {
 value = 'show';
 }
 $('#video-script-collapse').collapse(value);
});
</code></pre>

I have same use case as yours i.e. to show an input box when a particular radio button is selected. If the event was fired on de-selection as well, I would get 2 events each time.

blocks|key|1590984|text|这里也有同样的问题，它工作得很好：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1590985|$('input[name="someRadioGroup"]').change(function()+{
++++$('#r1edit:input').prop('disabled',+!$("#r1").is(':checked'));
});|code-block|syntax|javascript|1590986|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Same problem here, this worked just fine:

<pre><code>$('input[name="someRadioGroup"]').change(function() {
 $('#r1edit:input').prop('disabled', !$("#r1").is(':checked'));
});
</code></pre>

blocks|key|1805418|text|使用Ajax，对我来说很管用：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1805419|Html：|1805420|<div+id='anID'>
+<form+name="nameOfForm">
++++++++++++Your+headline
++++++++++++<input+type='radio'+name='nameOfRadio'+value='seed'+
+++++++++++++<?php+if+($interviewStage+==+'seed')+{echo"+checked+";}?>+
++++++++++++onchange='funcInterviewStage()'><label>Your+label</label> 
+</form>
</div>|code-block|syntax|javascript|1805421|Javascript：|1805422|+function+funcInterviewStage()+{

++++++++++++++++var+dis+=+document.nameOfForm.nameOfRadio.value;

++++++++++++++++//Auswahltafel+anzeigen
++++++++++++++++++if+(dis+==+"")+{
++++++++++++++++++++++document.getElementById("anID").innerHTML+=+"";
++++++++++++++++++++++return;
++++++++++++++++++}+else+{+
++++++++++++++++++++++if+(window.XMLHttpRequest)+{
++++++++++++++++++++++++++//+code+for+IE7%2B,+Firefox,+Chrome,+Opera,+Safari
++++++++++++++++++++++++++xmlhttp+=+new+XMLHttpRequest();
++++++++++++++++++++++}+else+{
++++++++++++++++++++++++++//+code+for+IE6,+IE5
++++++++++++++++++++++++++xmlhttp+=+new+ActiveXObject("Microsoft.XMLHTTP");
++++++++++++++++++++++}
++++++++++++++++++++++xmlhttp.onreadystatechange+=+function()+{
++++++++++++++++++++++++++if+(xmlhttp.readyState+==+4+&&+xmlhttp.status+==+200)+{
++++++++++++++++++++++++++++++document.getElementById("anID").innerHTML+=+xmlhttp.responseText;
++++++++++++++++++++++++++}
++++++++++++++++++++++}
++++++++++++++++++++++xmlhttp.open("GET","/includes/[name].php?id="%2Bdis,true);
++++++++++++++++++++++xmlhttp.send();
++++++++++++++++++}
++++++++++++++}++|1805423|和php：|1805424|////+Get+Value
$id+=+mysqli_real_escape_string($db,+$_GET['id']);

////+Insert+to+database
$insert+=+mysqli_query($db,+"UPDATE+[TABLE]+SET+[column]+=+'$id'+WHERE+[...]");

////+Show+radio+buttons+again
$mysqliAbfrage+=+mysqli_query($db,+"SELECT+[column]+FROM+[Table]+WHERE+[...]");
++++++++++++++++++while+($row+=+mysqli_fetch_object($mysqliAbfrage))+{
++++++++++++++++++++...
++++++++++++++++++}
++++++++++++++++++echo"+
++++++++++++++++++<form+name='nameOfForm'>
++++++++++++++++++++++Your+headline
++++++++++++++++++++++<input+type='radio'+name='nameOfRadio'+value='seed'";+if+($interviewStage+==+'seed')+{echo"+checked+";}+echo"+onchange='funcInterviewStage()'><label>Yourr+Label</label> 
++++++++++++++++++++++<input+type='radio'+name='nameOfRadio'+value='startup'";+if+($interviewStage+==+'startup')+{echo"+checked+";}+echo"+onchange='funcInterviewStage()'><label>Your+label</label> 

++++++++++++++++++</form>+";|1805425|entityMap^0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|T|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|V|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|W|8|@]|9|@]|A|$G|H]]|$1|M|3|N|5|6|7|X|8|@]|9|@]|A|$]]|$1|O|3|P|5|F|7|Y|8|@]|9|@]|A|$G|H]]|$1|Q|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|R|$]]

With Ajax, for me worked:

Html:

<pre><code>&lt;div id='anID'&gt;
 &lt;form name="nameOfForm"&gt;
 &lt;p&gt;&lt;b&gt;Your headline&lt;/b&gt;&lt;/p&gt;
 &lt;input type='radio' name='nameOfRadio' value='seed' 
 &lt;?php if ($interviewStage == 'seed') {echo" checked ";}?&gt; 
 onchange='funcInterviewStage()'&gt;&lt;label&gt;Your label&lt;/label&gt;&lt;br&gt;
 &lt;/form&gt;
&lt;/div&gt;
</code></pre>

Javascript:

<pre><code> function funcInterviewStage() {

 var dis = document.nameOfForm.nameOfRadio.value;

 //Auswahltafel anzeigen
 if (dis == "") {
 document.getElementById("anID").innerHTML = "";
 return;
 } else { 
 if (window.XMLHttpRequest) {
 // code for IE7+, Firefox, Chrome, Opera, Safari
 xmlhttp = new XMLHttpRequest();
 } else {
 // code for IE6, IE5
 xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
 }
 xmlhttp.onreadystatechange = function() {
 if (xmlhttp.readyState == 4 &amp;&amp; xmlhttp.status == 200) {
 document.getElementById("anID").innerHTML = xmlhttp.responseText;
 }
 }
 xmlhttp.open("GET","/includes/[name].php?id="+dis,true);
 xmlhttp.send();
 }
 } 
</code></pre>

And php:

<pre><code>//// Get Value
$id = mysqli_real_escape_string($db, $_GET['id']);

//// Insert to database
$insert = mysqli_query($db, "UPDATE [TABLE] SET [column] = '$id' WHERE [...]");

//// Show radio buttons again
$mysqliAbfrage = mysqli_query($db, "SELECT [column] FROM [Table] WHERE [...]");
 while ($row = mysqli_fetch_object($mysqliAbfrage)) {
 ...
 }
 echo" 
 &lt;form name='nameOfForm'&gt;
 &lt;p&gt;&lt;b&gt;Your headline&lt;/b&gt;&lt;/p&gt;
 &lt;input type='radio' name='nameOfRadio' value='seed'"; if ($interviewStage == 'seed') {echo" checked ";} echo" onchange='funcInterviewStage()'&gt;&lt;label&gt;Yourr Label&lt;/label&gt;&lt;br&gt;
 &lt;input type='radio' name='nameOfRadio' value='startup'"; if ($interviewStage == 'startup') {echo" checked ";} echo" onchange='funcInterviewStage()'&gt;&lt;label&gt;Your label&lt;/label&gt;&lt;br&gt;

 &lt;/form&gt; ";
</code></pre>

About a month ago Mitt’s question went unanswered. Sadly, I’m running into the same situation now.

<a href="http://api.jquery.com/change/#comment-133939395" rel="noreferrer">http://api.jquery.com/change/#comment-133939395</a>

Here’s the situation: I’m using jQuery to capture the changes in a radio button. When the radio button is selected I enable an edit box. When the radio button is de-selected, I would like the edit box to be disabled.

The enabling works. When I choose a different radio button in the group, the <code>change</code> event is not fired. Does anyone know how to fix this?

<pre><code>&lt;input type="radio" id="r1" name="someRadioGroup"/&gt; 

&lt;script type="text/javascript"&gt;
 $("#r1").change(function () {
 if ($("#r1").attr("checked")) {
 $('#r1edit:input').removeAttr('disabled');
 }
 else {
 $('#r1edit:input').attr('disabled', true);
 }
 });
&lt;/script&gt;
</code></pre>

jQuery $("#radioButton").change(...) not firing during de-selection

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

EdgeOne AI 安全实战专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

大约一个月前，米特的问题没有得到回答。不幸的是，我现在也遇到了同样的情况。情况是这样的:我使用jQuery来捕获单选按钮中的更改。当单选按钮被选中时，我将启用一个编辑框。当取消选中单选按钮时，我希望禁用编辑框。使能起作用。当我在组中选择不同的单选按钮时，不会触发change事件。有人知道怎么解决这个问题吗？<input type="radio" id="r1" name="someRadioGro

问单选按钮$(“# jQuery”).change(...)取消选择期间未触发
EN

回答 8

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问单选按钮$(“# jQuery”).change(...)取消选择期间未触发EN

回答 8

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问单选按钮$(“# jQuery”).change(...)取消选择期间未触发
EN