jQueryは複数の属性に一致します
-
03-07-2019 - |
質問
次のマークアップがあり、 All
ラジオボタンをオンにします。
<ul>
<li><input type="radio" value="All" name="Foo"/>All</li>
<li><input type="radio" value="New" name="Foo"/>New</li>
<li><input type="radio" value="Removed" name="Foo"/>Removed</li>
<li><input type="radio" value="Updated" name="Foo"/>Updated</li>
</ul>
属性で照合したいのですが、2つの属性 @ name = 'Foo'
と @ value = 'All'
で照合する必要があります。
次のようなもの:
$("input[@name='Foo' @value='all']").attr('checked','checked');
これを行う方法を誰かに見せてもらえますか?
解決
次のHTMLファイルは、これを行う方法を示しています。
<html>
<head>
<script type="text/javascript" src="jquery-1.2.6.pack.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("a").click(function(event){
$("input[name='Foo'][value='All']").attr('checked','checked');
event.preventDefault();
});
});
</script>
</head>
<body>
<ul>
<li><input type="radio" value="All" name="Foo" />All</li>
<li><input type="radio" value="New" name="Foo" />New</li>
<li><input type="radio" value="Removed" name="Foo" />Removed</li>
<li><input type="radio" value="Updated" name="Foo" />Updated</li>
</ul>
<a href="" >Click here</a>
</body>
</html>
リンクをクリックすると、目的のラジオボタンが選択されます。重要な行は、 checked
属性を設定する行です。
他のヒント
私はこれに似た壁に頭を打ちましたが、jQuery 1.3では受け入れられた答えで使用される構文は機能する唯一の構文であることを指摘したいだけです。質問者は、jQueryではまったく機能しない式に@構文を使用します。次の人がGoogle = p
を介してこの質問に出くわすのに役立つことを願っています明確にするためには、使用する必要があります
jQuery('input[name=field1][val=checked]')
ではなく
jQuery('input[@name=field1][@val=checked]')
所属していません StackOverflow