私はこの質問が以前に何度も尋ねられてきたことは知っていますが、私の特定のケースでうまくいく解決策を見つけることができませんでした。[送信]ボタンをクリックすると、動的に作成されたラジオボタンが選択されていることを確認するにはどうすればよいですか?
私は静的に最初に作成するラジオボタンを持っています。 HTMLコードは、以下のdivで
<body>
<div class = 'container'>
<div class = 'row'>
<div class = 'col-md-8 col-md-offset-2 well'>
<div class = 'col-md-4'>
<h1>Title Placeholder</h1>
<p>My vote goes to</p>
以下の通りである私が最初に静的なラジオボタンの下
<div class = 'radio'>
<label>
<input type = 'radio' value = '1' name = 'options' class = 'radio-options'/>
<p id = 'radio1'>The value of 1</p>
</label>
</div>
<button type = 'submit' class = 'btn btn-primary submit-butt'>Submit</button>
</div>
</div>
</div>
</div>
</body>
どこのJavaScriptファイルのセクションでを作成する場所ですダイナミックラジオボタンを作成する
function createOptions(length, options){
$('#radio1').html(options[0]);
for (var i = 1; i < length; i++){
$('.radio').append('<br>');
$('.radio').append('<label><input type = radio value = 1 name = options class = radio-options/><p>'+options[i]+'</p></label>');
}
$('.radio').append('<br>');
$('.radio').append('<label><input type = radio value = 1 name = options class = radio-options/><p>Custom</p></label>')
}
内に含まれるp値私がチェックしたラジオボタンのいずれかで、送信ボタンをクリックしたときに今、私がチェックされているラジオボタンのかを知ることができるようにしたいともその入力タグ
$('.submit-butt').on('click', function(){
if($('.radio-options').is(':checked')){
console.log('I have my value');
}
});
私は上記のコードを試してみましたが、最初の静的に作成されたラジオボタンのために働くようです。この同じ機能を、静的にも動的に生成されたすべてのラジオボタンでも機能させるにはどうすればよいですか?
誰にも何の助けではない "これはしてみてください"。変化したこと?それはなぜ機能するのですか? –
大丈夫です@スターリングアーチャー、それを変更しました。 –
@AnuradhS変数を使用してダイナミックラジオボタンを作成する必要はありますか?また、別のdivタグの一部として新しいダイナミックラジオボタンを作成する必要がありますか? –