jquery - 问题：选中 input[type="radio"] 时 jQuery 更改 css（值）

Question

我想用 data-id="group-vraag" 更改 div 的 css (display:block;) 当单选按钮被选中时 value="Vraag" 并且当单选按钮未被选中时将 css 更改为 (显示：无；）

我无法让它工作。

编辑：正如您在屏幕截图中看到的那样；既无线电使用[name="radio-keuze"]。我特别想以“Vraag”为目标。我可以用.wpcf7-list-item .first这个吗？

$('input[type=radio][name="radio-keuze"]').change(function() {
    if($(this).val() == 'Vraag') {
        $('div[data-id="group-vraag"]').css({"display":"block"});
    }
  else if($(this).val() == '') {
        $('div[data-id="group-vraag"]').css({"display":"none"});
    }
});

这是html

标签： jquerycssinputradio

Answer 1

尝试这个

$('input[type="radio"][name="radio-keuze"]').change(function() {
    if($(this).val() == 'Vraag') {
        $('div[data-id="group-vraag"]').css({"display":"block"});
    }
  else if($(this).val() == '') {
        $('div[data-id="group-vraag"]').css({"display":"none"});
    }
});

我在 type=radio 周围添加了“”。