jquery单选按钮冲突

Question

我有一些脚本，我想在单选按钮更改时更新 div。此外，我将所选单选按钮的值存储在 sessionStorage 中，以便再次访问页面时相应的单选按钮保持选中状态。

我的问题是，如果我使用 sessionStorage 脚本和更新脚本，更新脚本将不再工作，只会保留存储在 session 中的值。

我特别指的是这一行:

inhalt_time = $("input[type='radio'][name='chooseTime']:checked").val();

如果我删除该行:

$("input[type='radio'][name='chooseTime']").val(chosen_time).prop('checked', true);

更新脚本再次起作用。

有谁知道如何避免这种冲突？

这是我的 html:

<div class="chooseTime">
   Bitte w&auml;hlen Sie ihr gew&uuml;nschte Lieferzeit.
   <label class="radio">
      <input type="radio" name="chooseTime" value="06:00 Uhr - 10:00 Uhr" />
      06:00 Uhr - 10:00 Uhr
   </label>
   <label class="radio">
      <input type="radio" name="chooseTime" value="10:00 Uhr - 14:00 Uhr" />
      10:00 Uhr - 14:00 Uhr
   </label>
   <label class="radio">
      <input type="radio" name="chooseTime" value="15:00 Uhr - 17:00 Uhr" />
      15:00 Uhr - 17:00 Uhr
   </label>
</div>

我的更新jquery:

$('.chooseTime').on('change', 'input[type=radio]', function() {
     updateAnzeige();
});

function updateAnzeige() {
    inhalt_time = $("input[type='radio'][name='chooseTime']:checked").val();
    if(inhalt_time === undefined) {
        inhalt_time = "<span class='red'>Bitte wählen Sie eine gewünschte Lieferuhrzeit aus.</span>";
    }
    $('.anzeige').html(inhalt_time);            
}

我的 sessionStorage 的 jquery:

if(sessionStorage.getItem("lieferzeitpunktart") == "Custom") {
    chosen_time = sessionStorage.getItem("lieferzeitpunkt_time");
    $("input[type='radio'][name='chooseTime']").val(chosen_time).prop('checked', true);
}

Answer 1

呵呵!!答案就是这么简单。

通过在 $("input[type='radio'][name='chooseTime']").val(chosen_time).prop(' 中使用 .val(chosen_time) check', true); 我为每个单选按钮指定了相同的值，而不是使用我正在寻找的值来检查单选按钮..

正确的代码行当然是:

$("input[type='radio'][name=chooseTime][value='"+chosen_time+"']").attr('checked', true);