Web 开发的新手,并且已经比我可以用这个特定的代码咀嚼更多。
我昨天问了一个关于它的问题,并且已经让它工作了大约 50%,答案是jquery show/hide element on multiple radio button selection
我要做的是根据收音机选择显示/隐藏一个贝宝按钮,因此客户将从类别 1 中选择一个选项,从类别 2 中选择一个选项,从类别 3 中选择一个选项。我的代码got 对第三个选项的选择采取行动,检查已检查的其他内容并显示与该选择相关的 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();
}
});