我正在尝试使用if else show / hide / statement / function来获取按钮,但我似乎无法让它工作。我已经尝试过jquery和javascript但它似乎不起作用。我愿意使用javascript和jquery来实现这一目标。
以下是我正在尝试完成的一些示例(注意:这仅仅是出于示例原因而完成的,我非常清楚这不是一个有效的代码):
if (q1 == "iphone3gs") {
$('.show(iphone3gs)').val('.hide(iphone4 iphone4s iphone5
iphone5s)').click(function () {
window.location.href = 'iphone3gs'
});
if (q1 == "iphone4") {
$('.show(iphone4)').val('.hide(iphone3gs iphone4s iphone5
iphone5s)').click(function () {
window.location.href = 'iphone3gs'
});
if (q1 == "iphone4S") {
$('.show(iphone4s)').val('.hide(iphone3gs iphone4 iphone5
iphone5s)').click(function () {
window.location.href = 'iphone3gs'
});
if (q1 == "iphone5") {
$('.show(iphone5)').val('.hide(iphone3gs iphone4s iphone4
iphone5s)').click(function () {
window.location.href = 'iphone3gs'
});
if (q1 == "iphone5s") {
$('.show(iphone5s)').val('.hide(iphone3gs iphone4s iphone5
iphone4)').click(function () {
window.location.href = 'iphone3gs'
});
以下是jsfiddle中的完整代码:http://jsfiddle.net/wLY7C/3/
未经任何编辑的代码:http://jsfiddle.net/nwxLM/
答案 0 :(得分:0)
你的代码搞砸了!请使用易于理解的变量和id名称。
这是demo。只需为每个问题选择任何答案,看看会发生什么。按钮文本按此顺序为q1 q2 q3 q4
。
您正在使用q4
检查实际是手机类型时的颜色,所以没有。我改变得足以让你理解你的问题。
$('#next_button').val("" + q1 + " " + q2 + " " + q3 + " " + q4); return;
//now check the values to display a different link for the desired configuration
if (q1 == "AT&T" && q2 == "8GB" && q3 == "Black" && q4 == "iPhone-3GS") {
$('#next_button').val('att 8gb black').click(function () {
window.location.href = 'http://google.com/'
});
}
要显示隐藏元素,请使用$(selector).show()
并使用$(selector).hide()
隐藏元素。不要将ID与类名和您提供给元素的值混淆。