2017-12-16 12 views
-1

を使用してチェックボックスの値を変更するユーザーがcategory1ラジオボタンを選択した場合、チェックボックスの値を変更する必要があります。ユーザーがチェックボックスをオンにしたときに表示します。ラジオボタン

ユーザがカテゴリ2ラジオボタンを選択した場合、別の値のセットがチェックボックスに割り当てられます。

ユーザーがカテゴリ3ラジオボタンを選択した場合、別の値のセットをチェックボックスに割り当てる必要があります。

がここにコードされています

$(document).ready(function() { 
 
    $('input[type="radio"]').click(function() { 
 
    if ($('input[id="radio1"]').prop("checked") == true) { 
 
     $('input[name="checkbox1"]').attr('value', 5000); 
 
    } else if ($('input[id="radio2"]').prop("checked") == true) { 
 
     $('input[name="checkbox1"]').attr('value', 10, 000); 
 
    } else if ($('input[id="radio3"]').prop("checked") == true) { 
 
     $('input[name="checkbox1"]').attr('value', 25, 000); 
 
    } 
 
    }); 
 

 
    $('input[type="checkbox"]').click(function() { 
 
    $("#output").show(); 
 

 
    if ($('input[name="checkbox1"]').prop("checked") == true) { 
 
     type1 = $('input[name="checkbox1"]').val() 
 
     $("#output").html(type1); 
 
    } else if ($('input[name="checkbox1"]').prop("checked") == false) { 
 
     $("#output").hide() 
 
    } 
 
    }); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<input type="radio" id="radio1">category1<br/> 
 
<input type="radio" id="radio2">category2<br/> 
 
<input type="radio" id="radio3">category3<br/> 
 
<br/><br/> 
 
<input type="checkbox" name="checkbox1">type1<br/> 
 
<input type="checkbox" name="checkbox2">type2<br/> 
 
<input type="checkbox" name="checkbox3">type3<br/> 
 

 
<span id="output"></span>

+1

あなたの特定の問題を明確にしたり、必要な正確に何を強調表示するために、追加の詳細情報を追加してください。現在書かれているとおり、あなたが求めていることを正確に伝えるのは難しいです。この質問を明確にするための** [How to Ask](https://stackoverflow.com/help/how-to-ask)**ページを参照してください。 –

+0

まずは試してみてください。 – Mamun

+0

あなたが答えを期待するなら、少なくとも一枚の努力を示す必要があります... – JoSSte

答えて

0

あなたのラジオを与える必要があるが、同じ名前です:

<input type="radio" id="radio1" name="category">category1<br/> 
<input type="radio" id="radio2" name="category">category2<br/> 
<input type="radio" id="radio3" name="category">category3<br/> 

次に、あなたはattr()に引用符で値をラップする必要があります課題:

if ($('input[id="radio1"]').prop("checked") == true) { 
    $('input[name="checkbox1"]').attr('value', '5000'); 
} else if ($('input[id="radio2"]').prop("checked") == true) { 
    $('input[name="checkbox1"]').attr('value', '10,000'); 
    _________________________________________^______^ 
} else if ($('input[id="radio3"]').prop("checked") == true) { 
    $('input[name="checkbox1"]').attr('value', '25,000'); 
    _________________________________________^______^ 
} 

コード:

$(document).ready(function() { 
 
    $('input[type="radio"]').click(function() { 
 
    if ($('input[id="radio1"]').prop("checked") == true) { 
 
     $('input[name="checkbox1"]').attr('value', '5000'); 
 
    } else if ($('input[id="radio2"]').prop("checked") == true) { 
 
     $('input[name="checkbox1"]').attr('value', '10,000'); 
 
    } else if ($('input[id="radio3"]').prop("checked") == true) { 
 
     $('input[name="checkbox1"]').attr('value', '25,000'); 
 
    } 
 
    }); 
 

 
    $('input[type="checkbox"]').click(function() { 
 
    $("#output").show(); 
 

 
    if ($('input[name="checkbox1"]').prop("checked") == true) { 
 
     type1 = $('input[name="checkbox1"]').val() 
 
     $("#output").html(type1); 
 
    } else if ($('input[name="checkbox1"]').prop("checked") == false) { 
 
     $("#output").hide(); 
 
    } 
 
    }); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="radio" id="radio1" name="category">category1<br/> 
 
<input type="radio" id="radio2" name="category">category2<br/> 
 
<input type="radio" id="radio3" name="category">category3<br/> 
 
<br/><br/> 
 
<input type="checkbox" name="checkbox1">type1<br/> 
 
<input type="checkbox" name="checkbox2">type2<br /> 
 
<input type="checkbox" name="checkbox3">type3<br/> 
 
<span id="output"></span>