はいいいえチェックはJSP

Question

に動作していない私はyesnoCheckがスロット特定の検索条件で正しく動作しますが、その商品の検索以下

<td>Slot Search</td> 
<td> 
<input type="radio" onclick="javascript:yesnoCheck();" name="yesno" id="yesCheck"/>Yes 
<input type="radio" onclick="javascript:yesnoCheck();" name="yesno" id="noCheck"/>No 
<div id="ifYes" style="display:none"> 
Slot Start Time: <input type='text' id='Start' name='StartTime'><br> 
Slot End Time: <input type='text' id='End' name='EndTime'><br> 
</div> 
</td> 
</tr>      
<tr> 
<td>Product Search</td> 
<td> 
<input type="radio" onclick="javascript:yesnoCheck();" name="yesno1" id="yesCheck1"/>Yes 
<input type="radio" onclick="javascript:yesnoCheck();" name="yesno1" id="noCheck1"/>No 
<div id="ifYes" style="display:none"> 
Product Number: <input type='text' id='yes' name='yes'><br> 
</div> 
</td> 
</tr> 

のために働いていないこと

function yesnoCheck() { 
    if (document.getElementById('yesCheck').checked) { 
     document.getElementById('ifYes').style.display = 'block'; 
    } 
    else document.getElementById('ifYes').style.display = 'none'; 

} 


function yesnoCheck1() { 
    if (document.getElementById('yesCheck1').checked) { 
     document.getElementById('ifYes1').style.display = 'block'; 
    } 
    else document.getElementById('ifYes1').style.display = 'none'; 

} 

私のjavascript関数である以下のjspを持っています

私はここで自分の仕事をしていますが、どのように複数のyesno checkオプションをユーザ入力に基づいて有効にすることができますか？

Answer 1

私はあなたのコードをちょっと並べて、属性とイベントリスナーを各ラジオボタンに追加しました。お使いの製品検索で

var checkboxes = document.querySelectorAll('input[type="radio"]'); 
 

 
for(var i = 0; i < checkboxes.length; i++){ 
 
\t checkboxes[i].addEventListener('change', function(e){ 
 
    \t console.log("You changed the " + e.target.name + " option to " + e.target.value); 
 
    
 
    // do something with the result like if(e.target.name === slot && e.target.value === "yes"){ ... } 
 
     
 
    }); 
 
}

<tr> 
 
    <td>Slot Search</td> 
 
    <td> 
 
    <input type="radio" name="slot" id="slot_yes" value="yes" />Yes 
 
    <input type="radio" name="slot" id="slot_no" value="no" />No 
 
    <div id="ifYes" style="display:none"> 
 
     Slot Start Time: 
 
     <input type='text' id='Start' name='StartTime'> 
 
     <br> Slot End Time: 
 
     <input type='text' id='End' name='EndTime'> 
 
     <br> 
 
    </div> 
 
    </td> 
 
</tr> 
 
<tr> 
 
    <td>Product Search</td> 
 
    <td> 
 
    <input type="radio" name="product" id="product_yes" value="yes" />Yes 
 
    <input type="radio" name="product" id="product_no" value="no" />No 
 
    <div id="ifYes" style="display:none"> 
 
     Product Number: 
 
     <input type='text' id='yes' name='yes'> 
 
     <br> 
 
    </div> 
 
    </td> 
 
</tr>