0

問題：

ラジオ ボタンの選択に基づいて変数を div にロードします。

HTML コード:

//Variable to be loaded into
<div id="choice"></div>

//Available variables
$choice1 = '<div id="choice-1">Choice 1</div>';
$choice2 = '<div id="choice-2">Choice 2</div>';

//Radio buttons
<input type="radio" name="authors" id="authors" value="1">
<input type="radio" name="authors" id="authors" value="2">

jQuery コード (これまで):

$("input[name='authors']").change(function() 
{    
    $('div[id=choice]').load();   
});

シナリオ：

ユーザーが最初のラジオ ボタン (値 = 1) を選択した場合、$choice1 を にロードする必要があります。その後、2 番目のラジオ ボタンが選択された場合、$choice1 を削除して $choice2 に置き換える必要があります。

前もって感謝します！

4

5 に答える 5

2 
var choiceArray = ['choice one', 'choice two'];
$("input[name='authors']").change(function() 
{    
    $('#choice').html(choiceArray[parseInt($(this).val())]);   
});

また、配列は0からインデックスを開始するため、ラジオボタンの値を0から開始するか、配列を使用する必要があることにも注意してくださいindex()。

于 2012-06-03T05:56:59.570 に答える
1 
$("input[name='authors']").change(function() 
{    
    if(this.value == 1 ) {
      $('#choice').empty().append($choice1);
      // or
      // $('#choice').html($choice1);
    } else {
      $('#choice').empty().append($choice2);   
      // or
      // $('#choice').html($choice1);
    }
});

デモ

于 2012-06-03T05:59:37.460 に答える
1

これらの変数を PHP スクリプトから取得しようとしていると思います。その場合、次のように、ロード リクエストでパラメータを送信します。

$(”#choice”).load('myscript.php?choice=' + choice); // choice is variable in which you should put 1 or 2

そしてPHPで：

if($GET['choice'] == 1) echo $choice1;
else if($GET['choice'] == 2) echo $choice2;
于 2012-06-03T06:03:35.130 に答える
0 
$("input[name='authors']").change(function() 
{    
    if(this.value== 1 )
    {
      $('#choice').remove($choice2);  
      $('#choice').add($choice1);  

    } 
    else
    {
      $('#choice').remove($choice1);
      $('#choice').add($choice2);   
    }
});
于 2012-06-03T06:02:17.033 に答える
0

HTMLコードの場合、jsは次のとおりです

$("input[name='authors']").click(function() {
    var choice = '';
    var value = $(this).attr('value');
if (value == 1) {
    choice += '<div id="choice-1">Choice 1</div>';
}
else {
    choice += '<div id="choice-1">Choice 2</div>';
}
$('#choice').html(choice);
});

デモはこちら:
http://jsfiddle.net/Simplybj/Ww9yw/4/

于 2012-06-03T06:04:34.317 に答える