php - jqueryとラジオボタン

Question

jqueryで非常に単純なものを作ろうとしていますが、うまくいきません。

私はこのラジオボタンを持っています:

<input type="radio" id="price" name="shipping" class="styled" />

そして頭に私はこのコードを持っています:

$(document).ready(function() {

$("input[name=shipping]").change(function() {
    alert("123");
});

});

コードの何が問題になっていますか?

おそらく、「カスタムチェックボックスとラジオボタン」を使用しているからでしょうか? http://ryanfait.com/resources/custom-checkboxes-and-radio-buttons/

score 1 · Accepted Answer

あなたのコードは正しいですが、おそらく問題は別の場所にあります。

firebugコンソールで確認する

score 0 · Accepted Answer

インポートしたスクリプトを確認しました。

それは非常に時代遅れに見え、次のようなものが含まれています

inputs[a].onchange = Custom.clear;

これにより、前に追加したイベントリスナーが削除されます。

私の提案は、好みの順に次のとおりです。

score 0 · Accepted Answer

あなたのコードは問題ないようです。 JS-BIN デモ ラジオボタンに同じ名前を付けてください。

<div>
  <input type="radio" id="price1" name="shipping" class="styled" />
  <input type="radio" id="price2" name="shipping" class="styled" />
</div>

そして、あなたのコードは機能します。

もう 1 つの方法は、変更の代わりにクリックを使用することです。

$(document).ready(function() {
$("input[name=shipping]").click(function() {
    alert("123");
});  
});

score 0 · Accepted Answer

これを試して

$(document).delegate("input[name=shipping]", "change", function() {
   alert('abc');
});

4 に答える 4