2017-08-01 25 views
0

選擇這是HTML:的Javascript看看有多少來自多個選擇

<select class="form-control selectVitrat" name="PVSuperior" id="PVSuperior"> 
 
     <option value="NO">NU</option> 
 
     <option value="YES">DA</option> 
 
    </select> 
 
<select class="form-control selectVitrat" name="PVIntermediar9" id="PVIntermediar9"> 
 
     <option value="NO">NU</option> 
 
     <option value="YES">DA</option> 
 
    </select> 
 
<select class="form-control selectVitrat" name="PVIntermediar8" id="PVIntermediar8"> 
 
     <option value="NO">NU</option> 
 
     <option value="YES">DA</option> 
 
    </select>

我怎麼能指望有多少是來自這些多重選擇選擇?

+0

我看不出有任何的JavaScript在這裏。你有什麼嘗試? –

+0

'var count = $(「。selectVitrat:selected」)。length;' –

+0

它返回我所有的選擇號碼 –

回答

2

在JavaScript中,您可以使用getElementsByTagName獲取所有select。並使用for循環,你可以檢查select有多少YES值:

function checkTotalYes() { 
 
    var selectElements = document.getElementsByTagName("select"); 
 
    var count = 0; 
 
    for (var i = 0; i < selectElements.length; i++) { 
 
    if (selectElements[i].value == 'YES') 
 
     count++; 
 
    } 
 
    console.log('Total Yes: ' + count); 
 
} 
 

 
checkTotalYes();
<select class="form-control selectVitrat" name="PVSuperior" id="PVSuperior" onchange="checkTotalYes()"> 
 
    <option value="NO">NU</option> 
 
    <option value="YES">DA</option> 
 
</select> 
 
<select class="form-control selectVitrat" name="PVIntermediar9" id="PVIntermediar9" onchange="checkTotalYes()"> 
 
    <option value="NO">NU</option> 
 
    <option value="YES">DA</option> 
 
</select> 
 
<select class="form-control selectVitrat" name="PVIntermediar8" id="PVIntermediar8" onchange="checkTotalYes()"> 
 
    <option value="NO">NU</option> 
 
    <option value="YES">DA</option> 
 
</select>