如何使用鍵盤上的ENTER鍵選擇單選按鈕

在上圖中。我想搜索文本取決於類別。我想用鍵盤選擇單選按鈕來選擇類別。

這是我的關鍵聽衆來自控制器。 SELECT參照鍵盤上的ENTER鍵。我試過下面的代碼，使用單選按鈕ID，但它選擇第1個單選按鈕。任何人都可以幫助我...

case PV.yoohu.appConstants.keyCodes.SELECT:     
    if (searchPageRadioButtonCtrl) { 
     document.getElementById("searchFilternames").checked = true; 
    } 
    break; 
case PV.yoohu.appConstants.keyCodes.BACK: 
    break; 
case PV.yoohu.appConstants.keyCodes.RIGHT: 
    break; 
case PV.yoohu.appConstants.keyCodes.LEFT: 
    break; 
case PV.yoohu.appConstants.keyCodes.DOWN: 
    break; 
case PV.yoohu.appConstants.keyCodes.UP: 
    break;

而我的HTML生成單選按鈕。單選按鈕的ID是「searchFilternames」

<div id="searchCategory"> 
    <div id="searchFilter" ng-repeat="item in searchFilters"> 
    <input id="searchFilternames"type="radio" ng-model="selectedFilter.name" 
     value="{{item.name}}" ng-class="{'selectedRadioButtonborder': isRadioFocussed($index)}" 
     yo-attr="{html : 'item.name'}"/><span ng-bind="item.name"></span> 
    </div> 
</div>

而這是單選按鈕的方法。

$scope.isRadioFocussed = function (index){ 
     if (index == searchPageRadioButtonCtrl) return true; 
     else return false; 
    };

[！[此處輸入圖像的描述] [2] [2] 上述圖像中，我需要採取控制器下一無線按鈕，用於我使用searchPageRadioButtonCtrl

http://i.stack.imgur.com/cSWML.png

來源

2016-05-20 chandru

什麼是'searchPageRadioButtonCtrl'？你在哪裏設置它？ –

searchPageRadioButtonCtrl，它是指索引，我需要增加，如果我想得到rightindex – chandru

試試我發佈的答案，如果它爲你工作 –

第一件事是你必須name屬性添加到您的無線電設備，使它們相互排斥的，然後你可以使用下面的代碼

case PV.yoohu.appConstants.keyCodes.SELECT:     

    var radios = document.getElementById('searchFilter').getElementsByTagName('input'); 
    for(var i=0;i<radios.length;i++) 
    { 
     var radio = radios[i] 
     if(radio.type=='radio') 
     { 
      if(radio.checked) 
      { 

       if(radios.length>i+1) 
       { 
        var radioNext = radios[i+1]; 
        radioNext.checked=true; 
        break; 
       } 
       else 
       { 
        radios[0].checked=true; 
        break; 
        } 

       } 
      } 
     } 
break;

Example Fiddle

來源

2016-05-20 08:54:59

先生我明白的代碼，但是我的情況是，在我的圖像如果我的ALL被選中，然後如果我將控制器移動到電影上，全部應該僅被高亮顯示。 – chandru

'全部應該只突出顯示。'你是什麼意思？ –

先生在我的項目中，我搜索取決於類別，如果我想搜索電影類別。首先，我需要檢查電影按鈕，然後將我的控制器傳遞到文本字段，我輸入了一些文本，然後我將繼續搜索按鈕。對於偏遠我正在做這個先生。 – chandru

如何使用鍵盤上的ENTER鍵選擇單選按鈕

回答

相關問題