jQuery、インプットがチェックボックスかどうかをチェックする方法。(javascript)

インプットがチェックボックスかどうかを調べたいのですが、以下のコードは機能しません。

lang
1$("#myinput").attr('checked') === undefined

お願いいたします！

行動規範の内容に同意します

回答2件

ベストアンサー

【チェックボックスかどうか】ということなので、
属性を使うなら、

lang
1$("#myinput").attr('type') === 'checkbox'

こんな感じでしょうか。
ただ、type="Checkbox"のように大文字になっていたりするとアウトなので、

lang
1$("#myinput").attr('type').toLowerCase() === 'checkbox'

として、小文字で比較するということでどうですかね。

細かいことを言うと、type 属性がなかった場合にエラーになりそうなので、
↑のやり方だと、いろいろ細かくチェックしないといけません。

なので、keisukeoo さんも言われているように、jQuery の is で良いのでは？と思います。

lang
1if($("#myinput").is(':checkbox')) {
2    // チェックボックスの場合
3}
4else {
5    // チェックボックスではない場合
6}

投稿2014/08/30 08:05

odorry

総合スコア54

peyoung

2014/09/01 02:56

回答ありがとうございました！参考にさせていただきます！

行動規範の内容に同意します

偽のセレクター:checkboxをjQueryのis関数と呼び出して使いましょう。下記例です。

lang
1<html>
2    <head>
3        <script src="jquery.js"></script>
4        <script type="text/javascript">
5        $(function (){
6            $('input').click(function() {
7                alert($(this).is(":checkbox"))
8    　　　　　　 alert("チェックボックスです。")
9　　    　　 }
10            });
11        });
12        </script>
13    </head>
14    <body>
15        <form id="action">
16            <input type="text" id="myinput1">
17            <input type="checkbox" id="myinput2">
18            <input type="submit" id="myinput3">
19        </form>
20    </body>
21</html>