单选按钮更改

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') {
  ...
}