Javascript Jquery单选按钮逻辑
我在某个地方遗漏了一条逻辑。我想知道这个单选按钮是对的还是错的 控制台显示Javascript Jquery单选按钮逻辑,javascript,jquery,Javascript,Jquery,我在某个地方遗漏了一条逻辑。我想知道这个单选按钮是对的还是错的 控制台显示 adjunct_prof <input type="radio" name="adjunct_prof" id="adjunct_prof" value="False" checked="checked"> <input type="radio" name="adjunct_prof" id="adjunct_prof" value="True"> 根据按钮的状态,警报显
adjunct_prof
<input type="radio" name="adjunct_prof" id="adjunct_prof" value="False" checked="checked">
<input type="radio" name="adjunct_prof" id="adjunct_prof" value="True">
根据按钮的状态,警报显示True或False。但当我单击“是”时,就会显示div。当我点击“否”时,什么也没发生。div仍然显示。开发工具显示每次都会执行“show”代码。我尝试了True和'True'默认的if(value){.if(value='True')
您使用了一个=而不是==这将导致值始终被指定为“True”,并始终显示\ProfSpecsDiv
。if(value='True')
您使用了一个=而不是==,这将导致值始终被指定为“True”,并始终显示
#ProfSpecsDiv
。不要多次设置相同的id。每个按钮都是一个元素。您可以改为使用类
<input type="radio" name="adjunct_prof" class="adjunct_prof adjunct_prof_yes" value="False" checked> <!-- Simply checked is valid html5 -->
<input type="radio" name="adjunct_prof" class="adjunct_prof adjunct_prof_no" value="True">
不要多次设置相同的id。每个按钮都是一个元素。您可以改用类
<input type="radio" name="adjunct_prof" class="adjunct_prof adjunct_prof_yes" value="False" checked> <!-- Simply checked is valid html5 -->
<input type="radio" name="adjunct_prof" class="adjunct_prof adjunct_prof_no" value="True">
您在if语句中使用了一个=;)您需要比较==,而不是赋值=。使用1和0是否更容易,然后它将直接作为布尔值进行计算,然后您可以作为
if(活动)进行测试
?您在if语句中使用了一个=;)您需要比较===而不是赋值=。使用1和0会不会更容易,然后它将直接作为布尔值计算,然后您就可以作为测试if(active)
?我实际上只是为了咧嘴笑而更改了它,尽管我知道得更清楚。但是,现在将它改回==就行了。如果(值)是否有效?否,if(值)
不是同一回事;您正在进行字符串比较,而不是布尔值比较。它将检查值
中是否存储了某些内容。这将导致显示#ProfSpecsDiv
,而不管它是设置为“True”还是“False”。实际上,我只是为了咧嘴一笑才更改了它,尽管我知道得更清楚。但是,更改它是back to==现在起作用了。如果(值)不应该起作用吗?不,if(值)
不是同一件事;您正在进行字符串比较,而不是布尔值比较。它将检查值
中是否存储了某些内容。这将导致显示#ProfSpecsDiv
,无论它设置为“真”还是“假”。是的,但我的规格要求使用“是/否”收音机。是的,但我的规格要求使用“是/否”收音机收音机。
<input type="radio" name="adjunct_prof" class="adjunct_prof adjunct_prof_yes" value="False" checked> <!-- Simply checked is valid html5 -->
<input type="radio" name="adjunct_prof" class="adjunct_prof adjunct_prof_no" value="True">
$(".adjunct_prof").on('change', function(){
if($('.adjunct_prof_yes').prop('checked')) {
$('#ProfSpecsDiv').show();
} else {
$('#ProfSpecsDiv').hide();
}
});