0

我有一个关于“单选按钮”的PHP问题。今天,我正在尝试编写一个单选按钮,当我选择单选按钮1时,按钮提交应该是可见的,但是当我选择单选按钮2时,按钮提交应该是不可见的。

我的问题是:

我想在单击radiobutton2 时使按钮提交不可见,然后当我单击radiobutton1 时,按钮提交应该可见。我正在尝试在不使用表单操作的情况下执行代码。我已经在搜索这个了,但它都是关于表单操作的。

以下是我的代码:

<html>
<body>
<Input type = 'Radio' name ='con' value= 'sample'>SAmple:
<Input type = 'Radio' name ='con' value= 'other'>Others:

<input type="submit" name="submit" value="Submit">  
</body>
</html>

提前致谢!

4

4 回答 4

1

使用 jQuery:

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script>
$(document).ready(function(){
    $('input[name=con]').change(function(){
        if($('input[name=con]:checked').val() == 'sample'){
            $('input[name=submit]').show();
        } else {
            $('input[name=submit]').hide();
        }
    });
});
</script>
于 2013-06-10T16:12:21.987 回答
0

这不是你可以用 PHP 做的。这是 JavaScript/jQuery

于 2013-06-10T16:08:25.490 回答
0

在这里使用 javascript。将您的 HTML 更改为此

  <html>
  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
 <script>
   function show_but()
  {
         jQuery('#span_submit').show();
  }
  function hide_but()
  {
       jQuery('#span_submit').hide();
  }

 <script>
 <body>
   <Input type = 'Radio' name ='con' value= 'sample' onclick="show_but();">SAmple:

   <Input type = 'Radio' name ='con' value= 'other' onclick="hide_but();">Others:
  <span id="span_submit">
  <input type="submit" name="submit" value="Submit"> 
  </span> 
   </body>
   </html>
于 2013-06-10T16:19:11.790 回答
-1

检查整个工作代码 -

<html>
<body>
<Input type = 'Radio' name ='con' value= 'sample'>SAmple:
<Input type = 'Radio' name ='con' value= 'other'>Others:

<input type="submit" name="submit" value="Submit" style="display:none;">  

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
jQuery(document).ready(function(){
//jQuery('input[name=submit]').hide();
jQuery('input[name=con]').on('change',function(){
    if(jQuery(this).val() == 'sample')
        jQuery('input[name=submit]').show();
    else
        jQuery('input[name=submit]').hide();
});
});
</script>
</body>
</html>  

你也可以使用on方法,像这样 -

jQuery('input[name=con]').on('change',function(){
于 2013-06-10T16:23:23.433 回答