javascript - 在单选按钮更改

Question

我有一组 2 个单选按钮，可以在更改时更改设备方向。

我遇到的问题是，当我选择横向单选按钮时，它可以工作，但是当我重新选择纵向单选按钮时，我会收到警报横向并且它保持不变。

这是我的尝试：

HTML：

<fieldset data-role="controlgroup">
<input type="radio" name="orientation" id="portrait" value="1" checked />
<label for="portrait">Portrait</label>

<input type="radio" name="orientation" id="landscape" value="2" />
<label for="landscape">Landscape Mode</label> 
</fieldset> 

JS：

$("input[name='orientation']").change(function() {
        if ($("input[name='orienation']:checked").val() == '1') {
            navigator.screenOrientation.set('portrait');
            alert('portrait');
        }                
        else if ($("input[name='orienation']:checked").val() == '2') {
            navigator.screenOrientation.set('landscape');
            alert('landscape');
        }
    })

我正在使用 jQuery 和 jQuery Mobile

Answer 1

你的if陈述应该更像：

if ($(this).val() == '1') {
  ...
}                
else if ($(this).val() == '2') {
  ...
}