1

ラジオをチェックするときにjQueryにボックスが表示されるようにしたいのですが、マークを付けていないため何も起こりません。

ここにコードがあります。

HTML:

<script src="https://sites.google.com/site/lightdownloads154/jquery.alerts.js" type="text/javascript"></script>
<link rel="stylesheet" href="https://sites.google.com/site/lightdownloads154/jquery.alerts.css" type="text/css" />

<center><textarea rows="10" cols="17" style="background-color: rgb(255, 255, 255); color: rgb(0, 0, 0);" wrap="soft">- Todos os links e arquivos que se encontram no blog, estão hospedados na própria Internet, somente indicamos onde se encontra.

- Qualquer arquivo protegido por algum tipo de lei deve permanecer, no máximo, 24 horas em seu computador.

- Eles podem ser baixados apenas para teste, devendo o usuário apagá-lo ou compra-lo após 24 horas.

- A aquisição desses arquivos pela internet é de única e exclusiva responsabilidade do usuário.

- Os donos, webmasters e qualquer outra pessoa que tenha relacionamento com a produção do blog não tem responsabilidade alguma sobre os arquivos que o usuário venha a baixar e para que ira utiliza-los.
</textarea><center>
<center>
<input name="accept" type="radio" id="accept" /> Eu aceito <input name="refuse" type="radio" id="refuse" /> Não aceito </center></center>
</center>

JavaScript:

  $(document).ready(function() {

      $("#accept").click(function() {
          jAlert($('input[name=accept]:checked').attr('Obrigado por aceitar os Termos.'));
      });

      $("#refuse").click(function() {
          jAlert('refuse', 'Se não aceita os termos de uso retire-se do blog.', 'Termos de uso');
      });
  });

デモ

4

3 に答える 3

0

  1. Googleは、これらのファイルへのリクエストをHTMLファイルにリダイレクトしているため、エラーが発生します。uncaught SyntaxError: Unexpected token <または、この時点を過ぎてもJavaScriptが実行されません。

    https://sites.google.com/site/lightdownloads154/jquery.alerts.js https://sites.google.com/site/lightdownloads154/jquery.alerts.css

    以下を使用してください。

    http://labs.abeautifulsite.net/archived/jquery-alerts/demo/jquery.alerts.js http://labs.abeautifulsite.net/archived/jquery-alerts/demo/jquery.alerts.css

  2. この行は何もしません：

    $('input[name=accept]:checked').attr('Obrigado por aceitar os Termos.')

    jQueryはその名前の属性を探していますが、Obrigado por ...存在しないため何も返されません。

  3. 同じname属性のラジオボタンをグループ化し、value属性を使用して区別する必要があります。

デモ： http： //jsfiddle.net/iambriansreed/MXZJJ/

于 2012-06-27T14:00:23.013 に答える
0

これは基本的にあなたのコードを修正します: http://jsfiddle.net/XkBSv/7/

  • jAlert はスクリプトで定義されていません。おそらく、そのための外部スクリプトが含まれていません。
  • jAlert が構文エラーを引き起こしています。
  • Ready イベントを閉じていないため、構文エラーが発生します。

入力名を同じ値に変更して、実際にラジオ ボタンとして機能させることもできます。

アップデート

jAlert の構文エラーはおそらく;、クロージャーの前に何もないためです。HTML のリンクの代わりにコードをコードの前に追加すると、機能します!

http://jsfiddle.net/XkBSv/13/を参照

于 2012-06-27T13:39:02.943 に答える
-1

これを試して：

    <!DOCTYPE html>
        <html>
        <head>
            <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
            <link href="http://labs.abeautifulsite.net/archived/jquery-alerts/demo/jquery.alerts.css" rel="stylesheet" type="text/css"/>

            <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
            <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
            <script src="http://labs.abeautifulsite.net/archived/jquery-alerts/demo/jquery.alerts.js"></script>

            <script>
                $(document).ready(function() {

                    $("#accept").change(function() {
                        if($(this).attr("checked")){
                            jAlert('This is a custom alert box', 'Radio accept selected');
                        }

                    });

                    $("#refuse").change(function() {
                        if($(this).attr("checked")){
                            jAlert('This is a custom alert box', 'Radio refuse selected');

                        }

                    });


                });

            </script>
        </head>
        <body style="font-size:62.5%;">

        <input  type="radio" name = "radioGroup" id="accept" value="accepted" /> Accepted
<input  type="radio" name = "radioGroup" id="refuse" value="rejected" /> Not Accepted </center></center>


        </body>
        </html>
于 2012-06-27T13:45:33.297 に答える