入力タイプがjQueryを使用して無線であるかどうかを確認する方法 -- jquery フィールド と html フィールド 関連 問題

how to check if input type is radio using jquery












34
vote

問題

日本語

HTML要素をそれらのタイプに基づいて異なる方法で処理したい。

jQueryを使う、入力タイプがラジオボタンのかどうかを確認するにはどうすればよいですか?

私は試してみました:

<事前> <コード> if ($('#myElement').is(':radio')) { ....//code here }

<事前> <コード> if ($('#myElement').is("input[type='radio']")) { ....//code here }

これらのどちらもうまくいきませんでした。任意のアイデア?

編集:

<事前> <コード> if ($('#myElement').is(':radio')) { ....//code here }

Works、マイラジオボタンにID属性がないため、Name属性のみがあります。これが機能しない理由です。

コードを変更しました:

<事前> <コード> if ($('input[name=' + myElement + ']').is(":radio")) { ....//code here }
英語

I want to handle html elements differently based on their type.

Using jquery, how do I check to see if an input type is a radio button?

I've tried:

if ($('#myElement').is(':radio')) {     ....//code here } 

and

if ($('#myElement').is("input[type='radio']")) {     ....//code here } 

Neither of these worked. Any ideas?

EDIT:

if ($('#myElement').is(':radio')) {     ....//code here } 

works, but my radio buttons don't have the id attribute, they only have a name attribute, which is why it did not work.

I changed my code to:

if ($('input[name=' + myElement + ']').is(":radio")) {     ....//code here } 
</div
     
 
 

回答リスト

51
 
vote
vote
ベストアンサー
 

要素がロードされている限り動作するはずです。

<事前> <コード> queryset.annotate( descendants_count=Floor((F('rght') - F('lft') - 1) / 2) ).values( 'descendants_count' ).aggregate( total_count=Count('descendants_count') ) 2

タイプに基づいてハンドラを割り当てている場合、別のアプローチは<コード> queryset.annotate( descendants_count=Floor((F('rght') - F('lft') - 1) / 2) ).values( 'descendants_count' ).aggregate( total_count=Count('descendants_count') ) 3 を使用することです。

<事前> <コード> queryset.annotate( descendants_count=Floor((F('rght') - F('lft') - 1) / 2) ).values( 'descendants_count' ).aggregate( total_count=Count('descendants_count') ) 4

<コード> queryset.annotate( descendants_count=Floor((F('rght') - F('lft') - 1) / 2) ).values( 'descendants_count' ).aggregate( total_count=Count('descendants_count') ) 5 に渡されない場合、ハンドラは割り当てられません。

 

That should work as long as the elements are loaded.

// Ensure the DOM is ready $(function() {     if ($('#myElement').is(':radio')) {         //code here     } }); 

If you're assigning handlers based on type, another approach would be to use .filter().

$(function() {     var el = $('#myElement');     el.filter(':radio').change(function() {         //code here     });      el.filter(':checkbox').change(function() {         // other code here     }); }); 

If it doesn't pass the filter(), the handler won't be assigned.

</div
 
 
3
 
vote
<事前> <コード> queryset.annotate( descendants_count=Floor((F('rght') - F('lft') - 1) / 2) ).values( 'descendants_count' ).aggregate( total_count=Count('descendants_count') ) 6
 
if($('#my-element').attr('type') == 'radio') 
</div
 
 
1
 
vote

それがうまくいくべきではなく、代わりにこのようにフィルタを使用しようとすることができます

<事前> <コード> queryset.annotate( descendants_count=Floor((F('rght') - F('lft') - 1) / 2) ).values( 'descendants_count' ).aggregate( total_count=Count('descendants_count') ) 7

または

<事前> <コード> queryset.annotate( descendants_count=Floor((F('rght') - F('lft') - 1) / 2) ).values( 'descendants_count' ).aggregate( total_count=Count('descendants_count') ) 8

udate: idがページ内で一意であると確信していますか?さらに1つの要素を選択したい場合は、代わりにクラスを使用できます。

 

That should work you can try to use filter this way instead

if ($('#myElement').filter(':radio').size() > 0) {     ....//code here } and  if ($('#myElement').filter("input[type='radio']").size() > 0) {     ....//code here } 

Or

$('#myElement:radio').each(function() {         ....//code here }); 

Udate: Are you also sure that the id is unique in the page? If you want to select more as 1 element you can use a class instead.

</div
 
 

関連する質問

273  HTML形式の複数の送信ボタン  ( Multiple submit buttons in an html form ) 
HTMLフォームにウィザードを作成しましょう。 1つのボタンが戻ってき、1つが進みます。 ENTER を押すと、背面ボタンが最初に表示されているので、そのボタンを使用してフォームを送信します。 例: <コード> <form> <!-- Pu...

142  定義されたフォントのどれがWebページで使用されていたかを検出する方法  ( How to detect which one of the defined font was used in a web page ) 
私のページに次のCSSルールがあるとします。 <コード> body { font-family: Calibri, Trebuchet MS, Helvetica, sans-serif; } ユーザーのブラウザで定義されたフォントの1つを使用...

4  Webの未来は何ですか? XHTML 2、HTML 5、または何か他のもの?  ( Whats the future of the web xhtml 2 html 5 or something else ) 
新しいバージョンのHTMLとXHTMLの新しいバージョンの両方の議論と進歩に混乱しています。彼らは競争相手ですか?もしそうなら、Webの採用された未来になることが最も好意的ですか?そうでなければ、それぞれの競合されていない目的は何ですか? ここではBluray...

635  ユーザーのタイムゾーンを決定します  ( Determine a users timezone ) 
WebサーバーがWebページ内のユーザーのタイムゾーンを決定できるようにするための標準的な方法はありますか? おそらくHTTPヘッダーまたは<コード> Form7 string? ...

31  私は私のウェブサイトをiPhoneのアイコンに与えるのですか?  ( How do i give my websites an icon for iphone ) 
私が作成したWebサイトの iPhone に適切なアイコンを設定する方法は? ...

80  WebサービスからHTML文書を印刷する方法  ( How do i print an html document from a web service ) 
C#WebサービスからHTMLを印刷したいです。 Webブラウザコントロールはオーバーキルであり、サービス環境ではうまく機能しないため、非常に厳しいセキュリティ制約を持つシステムではうまく機能しません。基本的なHTMLページの印刷をサポートする<コード> 9...

76  ハイフンのような特殊文字の後に単語を破る方法( - )  ( How to break word after special character like hyphens ) 
比較的単純なCSS: <コード> div { width: 150px; } <コード> <div> 12333-2333-233-23339392-332332323 </div> 文字列が width に制約される...

0  リスト項目でディスクを取り除く  ( Getting rid of disc in list item ) 
jQueryを使用してサイトを開発し、jQuery UIタブを作成しています。何らかの理由で、私のタブ(順序付けられていないリスト)は、OS XのFirefox 3を除くすべてのブラウザ(これまでにテスト済み)に弾丸を表示しています.Safari OS X、...

303  Internet Explorer 7の絶対に配置された親のパーセント幅の子要素の幅が崩壊したのはなぜですか。  ( Why did the width collapse in the percentage width child element in an absolutel ) 
私は、いくつかの子供を含む絶対に配置された div があり、そのうちの1つは比較的配置された div です。子<コード> Form1 で Form0 を使用すると、IE7の Form2 に折りたたみますが、FirefoxまたはSafariではなく。 For...

5  CSSのテーブルを垂直方向に揃える方法  ( How to vertically align a table in css ) 
画面の途中でテーブルをCSS?に垂直に揃える方法 ...




© 2022 cndgn.com All Rights Reserved. Q&Aハウス 全著作権所有