我的网页进行数学计算。我已经放了5个复选框。根据所选的复选框,我希望使用javascript将页面定向到特定链接。如何根据所选的复选框在javascript中添加这些链接?
<div id="angl">
<input type="checkbox" id="ph" onclick='select()' checked><span id="phi1">Phi(φ)</span>
<input type="checkbox" id="psi"><span id="psi1">Psi(ψ)</span>
<input type="checkbox" id="omega"><span id="omega1">Omega(ω)</span>
<input type="checkbox" id="calpha"><span id="calpha1">C-Alpha (C-α)</span>
<input type="checkbox" id="chi" onchange="ang_type()"><span id="chi1">Chi(χ)</span>
</div>
假设我有5个链接:
&#39; phi.pl&#39;,&#39; psi.pl&#39; ,&#39; omega.pl&#39; ,&#39; calpha.pl&#39; ,&#39; chi.pl&#39;
答案 0 :(得分:0)
当用户可以选择多个答案时,会使用复选框:如果您的用户使用多个答案:您将如何重定向到多个页面? - 对不起,如果我没有正确理解你。
但如果我理解你的话:用户选择某些内容并根据选择重定向到特定链接。然后有选项:
答案 1 :(得分:0)
在形式实际提交之前你需要这个,所以要么在下面的函数中使用ajax
$('FormSelector').submit(function() {
//make ajax request base don codition to one of 'phi.pl', 'psi.pl' , 'omega.pl' , 'calpha.pl' , 'chi.pl'.
return false; // return false to cancel form submit
});
或使用javascript更改表单操作属性,然后通过返回true提交他的任务。
$('FormSelector').submit(function() {
//change attribute action based on condition to one of 'phi.pl', 'psi.pl' , 'omega.pl' , 'calpha.pl' , 'chi.pl'.
return true; // return false to cancel form submit
});
答案 2 :(得分:0)
使用&#39;这个&#39;操作
function savevalue(me){
console.log(me.value);
}
&#13;
<html>
<body>
<input type=checkbox value= 'omega.php' onchange = 'savevalue(this)' id='omega'><span id='omega1'>Omega(ω)</span></input>
<input type=checkbox value= 'psi.php' onchange = 'savevalue(this)' id='psi'><span id='psi1'>Psi(ψ)</span></input>
</body>
</html>
&#13;
答案 3 :(得分:0)
假设复选框位于提交按钮为id“form_submit”的表单中,那么您可以尝试以下jquery代码:
<script type="text/javascript">
$(document).ready(function(){
$('#form_submit').live('click', function (e) {
e.preventDefault();
if($('#phi').is(":checked")){
window.location.href="'phi.pl";
}else if($('#psi').is(":checked")){
window.location.href="psi.pl";
}else if($('#omega').is(":checked")){
window.location.href="omega.pl";
}else if($('#calpha').is(":checked")){
window.location.href="calpha.pl";
}else if($('#chi').is(":checked")){
window.location.href="chi.pl";
} else{
alert("Invalid request!");
}
});