2016-09-04 11 views
0

もう1つのラジオがチェックされると、もう1つのラジオボタンが表示されます。 2つのボタンの名前は異なります。ラジオボタンを別のラジオボタンに別の名前で関連付けする方法

ラジオボタンAがチェックされているとき、Bもチェックされます。

<input type="hidden" name="menu_date[<?php $date_name ?>]" value="<?php echo $result['date']; ?>" /> 

<input type="radio" name="Menus[<?php echo $random_name; ?>]" value="<?php echo $result['foodMenuID']; ?>" id="Menus_1" for="menu_date[<?php $date_name ?>]" <?php echo $radio_state; ?>/> 

答えて

0

私はあなたの質問を正しく理解したと思います。

あなたはこのようなものがある場合:

<input type="radio" name="Menus[<?php echo $random_name; ?>]" value="<?php echo $result['foodMenuID']; ?>" id="Menus_1" for="menu_date[<?php $date_name ?>]" <?php echo $radio_state; ?>> 
<input type="radio" name="Menus[<?php echo $random_name; ?>]" value="<?php echo $result['foodMenuID']; ?>" id="Menus_2" for="menu_date[<?php $date_name ?>]" <?php echo $radio_state; ?>> 

そして、最初のラジオボタンにonclickイベントを追加します。

<input type="radio" name="Menus[<?php echo $random_name; ?>]" value="<?php echo $result['foodMenuID']; ?>" id="Menus_1" for="menu_date[<?php $date_name ?>]" <?php echo $radio_state; ?> onclick="markOther()"> 

そして非常に簡単なJavaScript関数を記述します。

function markOther() 
{ 
    document.getElementById('Menus_2').checked = true; 
} 

同じ名前のラジオボタンを1つしか選択できないことに注意してください(ラジオボタンにdiあなたが言ったように、それは働くでしょう)。この場合、最初のものをクリックしても、2番目のものだけが選択されます。あなたは歓迎されているすべての変更をしたい場合はここで は二つの名前 "ソート" と "動物"

document.getElementById("herb").onclick = function() 
 
{ 
 
if (document.getElementById("herb").checked) 
 
    {          
 
\t document.getElementById("cow").checked="qq"; \t 
 
    } 
 
} 
 

 
document.getElementById("meat").onclick = function() 
 
{ 
 
    if (document.getElementById("meat").checked) 
 
    { 
 
    document.getElementById("tiger").checked="qq"; 
 
    } 
 
}
<h1> Choose your favorite animal</h1> 
 
<form id="mainForm" name="mainForm"> 
 
    <input type="radio" name="sort" id="herb" />Herbivores </br> 
 
    <input type="radio" name="sort" id="meat" />Carnivore </br> </br> 
 

 
\t 
 
    <input type="radio" name="animal" id="cow"/>cow </br> 
 
    <input type="radio" name="animal" id="duck" />duck </br> 
 
\t <input type="radio" name="animal" id="buffalo" />buffalo </br> </br> 
 
\t 
 
\t <input type="radio" name="animal" id="lion"/>Lion </br> 
 
    <input type="radio" name="animal" id="croco" />Crocodile </br> 
 
\t <input type="radio" name="animal" id="tiger" />Tiger </br> 
 

 
</form>

です:

0

は、あなたがいることを意味しています。

関連する問題