0

「radiobutton」について PHP に関して質問があります。

私の問題は：

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 に答える