如何选择单选按钮选项

我有2单选按钮选择一个简单的HTML表单，我想调用不同的网页的选择如何选择单选按钮选项

每个单选按钮我一直试图用JavaScript，但之后提交一份简单的表格我是新的JavaScript，有没有通过使用jQuery来做到这一点？

这里是我的HTML：

<form action="" id="formoid" title="" method="post"> 
<div><input type="radio" name="op" id="op" value="student"><span>student</span> 
<input type="radio" name="op" id="op" value="company"><span>company</span> 
</div> 
</div> 
<div><input type="submit" name="submit" id="submit" value="Submit"></div> 
</form>

的感谢！

来源

2013-04-29 Oliveira

当你说“调用不同的网页”你的意思是你想要的页面去一个特定的页面，或将该页面的内容加载到当前页面？ – 2013-04-29 19:36:52

你没有演示过你试过的JS。 – Incognito 2013-04-29 19:38:19

@DavidThomas如果用户选择'学生'选项并提交到第X页选择'公司'并提交到第Y页 – Oliveira 2013-04-29 19:47:36

的JavaScript

<form action="#a" name="f1" title="" method="post" onSubmit=doSubmit()> 
    <div><input type="radio" name="op" id="op" value="student"><span>student</span> 
    <input type="radio" name="op" id="op" value="company"> <span>company</span>      </div> 
    </div> 
    <div><input type="submit" name="submit" id="submit" value="Submit"></div> 

    </form> 

    <script> 

function getRadioButtonValue(rbutton) 
     { 
     for (var i = 0; i < rbutton.length; ++i) 
     { 
      if (rbutton[i].checked) 
      return rbutton[i].value; 
     } 
     return null; 
     } 


    function doSubmit(){ 
     val = getRadioButtonValue(document.f1.op) 

     if(val == "student"){ 
       document.f1.action = "student.html" 
      }else{ 
      document.f1.action = "company.html" 
     } 
     document.f1.submit() 
    } 

    </script>

来源

2013-04-29 19:47:48 tgkprog

Woooooooorked！完善！谢谢 – Oliveira 2013-04-29 20:01:07

我不知道如果我得到你的权利，但如果你的意思是改变形式的aciton属性然后使用下列内容：

<form action="" id="formoid" title="" method="post"> 
    <div><input type="radio" name="op" id="op" value="student" data-action="http://foo-bar.baz/form.php"><span>student</span> 
    <input type="radio" name="op" id="op" value="company" data-action="http://foo-bar2.baz/form.asp"><span>company</span>      </div> 
    </div> 
    <div><input type="submit" name="submit" id="submit" value="Submit"></div> 
</form>

，之后添加JavaScript代码（已jQuery的加载）：

<script type="text/javascript"> 
    $('#formoid radio[name="op"]').click(function() { 
     $('#formoid').attr('action', $(this).attr('data-action')); 
    }); 
</script>

btw。你有无效的HTML结构，这是好主意，修复它，以及:)

来源

2013-04-29 19:39:07

$("#submit").click(function(){ 
var val = $("input[type='radio']:checked").val(); 

if(val == "student"){ 
//post to 1 page 
} 

if(val == "company"){ 
//post to 1 page 
}

来源

2013-04-29 19:40:06 Yordi

如何选择单选按钮选项

回答

相关问题