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