对于Web开发来说是新手,并且已经咬过了比我特定代码所能咀嚼的更多的东西。
我昨天问了一个问题,并且已经让它在约50%的路上工作jquery show/hide element on multiple radio button selection
我要做的是根据无线电选择显示/隐藏贝宝按钮, 因此,客户将从类别1中选择一个选项,从类别2中选择一个选项,从类别3中选择一个选项。我选择的第三个选项的代码,检查已检查的其他选项并显示paypal与该选择相关的按钮。
所有我有35个按钮,在这个特定的页面上我正在使用8 http://infernodesign.co.nz/tempfiles/csl-dev/buy-online-half.php这里有一个jsfiddle http://jsfiddle.net/spikeyheadedfreak/WwQW5/
问题是在完成三个无线电组合并显示与其相关的按钮后,如果我更改了三个中的前两个选项中的任何一个,它将不会更改按钮,因此如果客户改变了主意点击第三个单选按钮后,他们不能。
这是我用过的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();
}
});