Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/470.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 显示基于多个收音机选择的字段_Javascript_Jquery_Html - Fatal编程技术网

Javascript 显示基于多个收音机选择的字段

Javascript 显示基于多个收音机选择的字段,javascript,jquery,html,Javascript,Jquery,Html,我被要求仅在选择某个收音机组合时才显示进一步的收音机输入!这可能吗?(从这里借用脚本:) Html 是每次选择新的单选按钮时,您都需要存储所选的单选按钮,并且需要检查所需的选择组合是否与您的选择历史匹配 您可以通过将每个按钮的id按入一个数组来列出过去的选择。您可能希望为确定单选按钮提供一个通用名称和类,分别说name=“group1”和.radio,这样您就可以轻松地选择它们并在它们上设置事件侦听器,如下所示: $('.radio').on('change', function() {

我被要求仅在选择某个收音机组合时才显示进一步的收音机输入!这可能吗?(从这里借用脚本:)

Html


是每次选择新的单选按钮时,您都需要存储所选的单选按钮,并且需要检查所需的选择组合是否与您的选择历史匹配


您可以通过将每个按钮的id按入一个数组来列出过去的选择。

您可能希望为确定单选按钮提供一个通用名称和类,分别说
name=“group1”
.radio
,这样您就可以轻松地选择它们并在它们上设置事件侦听器,如下所示:

$('.radio').on('change', function() {
    var r = $('.radio');
    $('#combined')[(r[1].checked && r[2].checked ? 'show' : 'hide')]();
})
.change();
$('.radio')。在('change',function()上{
var r=$('.radio');
$('combined')[(r[1]。选中(&r[2]。选中?'show':'hide')]();
})
.change()

收听相关收音机输入的变化,并评估是否应显示附加收音机


你的意思是什么<代码>如果($(this).val()='A'和'B'和&$(this).is(“:checked”))
。。。
'A'和'B'
中的单个
&
是位智能and运算符,而不是逻辑运算符。嗨,Stephen-我对编码非常熟悉!我试图表明A和B都需要在D出现之前被选中。谢谢arcyqwerty-这正是我所需要的。谢谢你的提琴-真的很有帮助,我看到了所有的行动。嗨,彼得卡,谢谢你的回答-我想让选项4显示当2和3同时被选中时。不过我很感谢你在这方面的帮助。谢谢你的澄清。这要容易得多;我的答案更新了。
$("input[name=group]").change(function () {
if ($(this).val() == 'A' & 'B' && $(this).is(":checked")) {
    $("#combined").show();
} else {
    $("#combined").hide();
}
});
$('.radio').on('change', function() {
    var r = $('.radio');
    $('#combined')[(r[1].checked && r[2].checked ? 'show' : 'hide')]();
})
.change();
$('[name=group1],[name=group2]').change(function() {
   var op = (
       $('[name=group1]:checked').val() == 'A' &&
       $('[name=group2]:checked').val() == '2'
   ) ? 'show' : 'hide';
   $('#a2')[op]();
});