單選按鈕更改

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