Web 開発は初めてで、この特定のコードで噛むことができる以上のものを噛んでいます。
私は昨日それについて質問しましたが、複数のラジオボタンの選択で jquery show/hide 要素に答えて、約 50% の方法で動作するようになりました
私がやろうとしているのは、ラジオの選択に応じてペイパル ボタンを表示/非表示にすることです。そのため、顧客はカテゴリ 1 から 1 つのオプション、カテゴリ 2 から 1 つのオプション、およびカテゴリ 3 から 1 つのオプションを選択します。 got は 3 番目のオプションの選択に作用し、他に何がチェックされているかをチェックし、その選択に関連するペイパル ボタンを表示します。
全体で35個のボタンがあり、この特定のページでは8個を使用しています http://infernodesign.co.nz/tempfiles/csl-dev/buy-online-half.php ここにjsfiddleがあります http://jsfiddle .net/spikeyheadedfreak/WwQW5/
問題は、1 つの 3 つのラジオの組み合わせが作成され、それに関連するボタンが表示された後です。3 つのうち最初の 2 つの選択肢のいずれかを変更しても、ボタンは変更されません。 3 番目のラジオ ボタンは使用できません。
これは私が使用したjqueryの例です、いいですね、私はこれが初めてです笑
$('input:radio[value="Bone-and-Rolled-half"]').change(
function(){
if ($(this).is(':checked') && $('#leg-one-carvery').is(':checked') && $('#loin-one-nolsette').is(':checked') ) {
$('#submit,#button29,#button30,#button31,#button32,#button33,#button34,#button35').hide();
$('#button28').show();
}
});
$('input:radio[value="French-Danish-half"]').change(
function(){
if ($(this).is(':checked') && $('#leg-one-carvery').is(':checked') && $('#loin-one-nolsette').is(':checked') ) {
$('#submit,#button28,#button30,#button31,#button32,#button33,#button34,#button35').hide();
$('#button29').show();
}
});
$('input:radio[value="Bone-and-Rolled-half"]').change(
function(){
if ($(this).is(':checked') && $('#leg-one-carvery').is(':checked') && $('#loin-one-backstrap').is(':checked') ) {
$('#submit,#button28,#button29,#button31,#button32,#button33,#button34,#button35').hide();
$('#button30').show();
}
});
$('input:radio[value="French-Danish-half"]').change(
function(){
if ($(this).is(':checked') && $('#leg-one-carvery').is(':checked') && $('#loin-one-backstrap').is(':checked') ) {
$('#submit,#button28,#button29,#button30,#button32,#button33,#button34,#button35').hide();
$('#button31').show();
}
});
$('input:radio[value="Bone-and-Rolled-half"]').change(
function(){
if ($(this).is(':checked') && $('#leg-one-butterfly').is(':checked') && $('#loin-one-nolsette').is(':checked') ) {
$('#submit,#button28,#button29,#button30,#button31,#button33,#button34,#button35').hide();
$('#button32').show();
}
});
$('input:radio[value="French-Danish-half"]').change(
function(){
if ($(this).is(':checked') && $('#leg-one-butterfly').is(':checked') && $('#loin-one-nolsette').is(':checked') ) {
$('#submit,#button28,#button29,#button30,#button31,#button32,#button34,#button35').hide();
$('#button33').show();
}
});
$('input:radio[value="Bone-and-Rolled-half"]').change(
function(){
if ($(this).is(':checked') && $('#leg-one-butterfly').is(':checked') && $('#loin-one-backstrap').is(':checked') ) {
$('#submit,#button28,#button29,#button30,#button31,#button32,#button33,#button35').hide();
$('#button34').show();
}
});
$('input:radio[value="French-Danish-half"]').change(
function(){
if ($(this).is(':checked') && $('#leg-one-butterfly').is(':checked') && $('#loin-one-backstrap').is(':checked') ) {
$('#submit,#button28,#button29,#button30,#button31,#button32,#button33,#button34').hide();
$('#button35').show();
}
});