Question

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

我的问题是：

当我点击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>

提前致谢！

Answer 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>

Answer 2

这对PHP无能为力。这是JavaScript / jQuery

Answer 3

在这里使用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>

Answer 4

检查整个工作代码 -

<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(){

PHP：单选按钮可见并隐藏按钮

4 个答案: