如何獲得只有選定複選框的選項值？

Question

我想只有選擇複選框的期權價值，但我從所有的複選框中獲得價值。

我的HTML代碼：

<div class= "outer"> 
    <div class="inner" id="inner"> 
    <input type="checkbox" name="machine" value="plane">BBQ Sauce<br> 
     <select class="weight" name="m2" id="m2"> 
     <option value="1">Light</option> 
     <option value="2">Normal</option> 
     <option value="3">Extra</option> 
     </select> 

    </div> 
    <div class="inner" id="inner"> 
    <input type="checkbox" name="machine" value="plane"> Alfredo Sauce<br> 
     <select class="weight" name="m2" id="m2"> 
      <option value="1">Light</option> 
      <option value="2">Normal</option> 
      <option value="3">Extra</option> 
     </select> 
    </div> 
</div> 
<input type="submit" value="Submit"> 

我的JavaScript代碼：

function myAction(){ 
    var vals = []; 
    var machine = document.getElementsByName('machine'); 

    var m2 = document.getElementById('m2'); 

    for(var i=0, n= machine.length; i<n; i++){ 
     if(machine[i].checked){ 
      vals.push(m2.value); 
     } 
    } 
}