Question

Javascript - 根据用户选择的不同选项，转到不同的页面

<input type="checkbox" name="fruit" value ="A" >A<br>
<input type="checkbox" name="fruit" value ="B">B<br>
<input type="checkbox" name="C" value ="mango">C<br>
<input type="checkbox" name="D" value ="peach">D<br>
<input type="submit" value="提交" onclick="check();">

如果用户同时选择了A和B，那么页面跳转到Page1；
如果用户同时选择了BCD，那么页面跳转到Page2；
其他情况一律跳转到Page3。

请问用javascript要怎么实现？

Answer 1

建议使用jquery好一点
为了提高效率，把html改一点点，如下
<input id="fruitA" type="checkbox" name="fruit" value ="A" >A<br>
<input id="fruitB" type="checkbox" name="fruit" value ="B">B<br>
<input id="fruitC" type="checkbox" name="C" value ="mango">C<br>
<input id="fruitD" type="checkbox" name="D" value ="peach">D<br>
<input type="submit" value="提交" onclick="check();">

主要js
<script type="text/javascript" src="http://files.cnblogs.com/wangdetian168/jquery-1.4.2.min.js"></script>

function check(){
if($("#fruitA").attr("checked")&&$("#fruitB").attr("checked")){
window.location.href="123";
return ;
}
if($("#fruitB").attr("checked")&&$("#fruitC").attr("checked")&&$("#fruitD").attr("checked")){
window.location.href="456";
return;
}
window.location.href="789";
}

把上面的123,456,789改成你的网址即可

Answer 2

<input type="submit" value="提交" onclick="check();">

submit 提交不是会提交的服务器端了吗

如果服务器端那跳转不是简单了。？

如果有个纯js那么用

if(A && B){
window.open(page1,"_self")

}else if(B && C && D){

window.open(page2"_self")

}else{
window.open(page3"_self")

}

Answer 3

看看这个吧。

<script type="text/javascript">
function check(){
    var fruit = document.getElementsByName("fruit");
    var c = document.getElementsByName("C");
    var d = document.getElementsByName("D");
    if(fruit[0].checked ==true && fruit[1].checked == true && c[0].checked == false && d[0].checked == false){
        window.location.href = "page1.html";
    }else if(fruit[0].checked ==false && fruit[1].checked == true && c[0].checked == true && d[0].checked == true){
        window.location.href = "page2.html"
    }else{
    window.location.href = "page3.html";
    }
}
</script>
<input type="checkbox" name="fruit" value ="A"  />A<br />
<input type="checkbox" name="fruit" value ="B" />B<br />
<input type="checkbox" name="C" value ="mango" />C<br />
<input type="checkbox" name="D" value ="peach" />D<br />
<input type="button" value="提交" onclick="check();" />

Answer 4

<input type="submit" value="提交" onclick="check();">
改成
<input type="button" value="提交" onclick="check();">
function check(){
    if(document.getElementsByName("A").checked==true&&document.getElementsByName("B").checked==true){
    window.loction="Page1.html";
}
else if(document.getElementsByName("B").checked==true&&document.getElementsByName("C").checked==true&&document.getElementsByName("D").checked==true){
        window.loction="Page3.html";
}else{
        window.loction="Page3.html";
}
}