2012-03-18 12 views
-1

マイページには約25のラジオボタングループがあります。グループ内でラジオボタンが選択されている場合は、そのグループに固有のアクションを実行したいので、というラジオグループのNAME属性が必要です。チェックされているラジオボタンの名前を探します。

<div id="stackExchange"> 
    <input type="radio" name="sofu_group" value="Stack Overflow"> 
    <input type="radio" name="sofu_group" value="Meta Stack Overflow"> 
    <input type="radio" name="sofu_group" value="Server Fault"> 
    <input type="radio" name="sofu_group" value="Super User"> 
</div> 
<!-- In no particular order - don't want to start a flame war ;) --> 

クリックしたラジオボタンがあなたに属しているものをグループ推測したい場合:

+0

この情報に関する詳細情報が必要です。あなたはマークアップを貼り付けることができますし、関連するJavaScriptをあなたはすでに持っていますか? – rfunduk

+2

できるだけ早く!私はできるだけ早くここで急いだ!火はどこですか? – Lix

+0

私は今あなたの編集を見ました - これは**できないことです**。 **あなたの質問が実際に**変更された方法で編集内容を変更しました**。これは決して**行われるべきではありません。あなたは**二つの答え**を得ています。そして、彼らはあなたの最近の編集に答えないので十分ではありません。あなたの投稿を元に戻し、必要に応じて今後**新しい**質問をしてください。 – Lix

答えて

6

は、例えば、このHTMLを取るあなたにいくつかのヒントを与えるかもしれません次のようなものを使用できます:

- このセレクタは、私たちに :radioセレクタを使用して #stackExchange要素のファミリー・ツリーある入力ラジオのすべての要素を検索します

  • $("#stackExchange input:radio")

    はここで起こっていただきました!見てみましょう。 (Link to docs)。

  • $(this).attr('name') - ここでは、選択したラジオ要素のname属性を抽出します。 (この例では、これはsofu_groupになります)。
  • $(this).parent() - この場合、変数$(this)は、クリックされたラジオ要素を参照しています。そのため、その親(#stackExchange要素)が選択されています。
  • parent().find(":radio[name='"+groupName+"']") - この行には、name属性が 'sofu_group'に設定されている要素内に保持されているすべてのラジオボタンがあります。

この例では、変数$(this)はクリックされたラジオ要素を参照しています。

+0

この例では、名前はsofu_group rightですか?それともstackExchangeと言われていますか? –

+0

ありがとうございました:)はい - 小さなタイプミスです。今修正しました。グループ名は本当に 'sofu_group'です。 – Lix

+0

それはそれをしました。ありがとう:) –

-2

これは

<html> 
<head> 
<title>My Page</title> 
</head> 
<body> 
<form name="myform" action="http://www.mydomain.com/myformhandler.cgi" method="POST"> 
<div align="center"><br> 
<input type="radio" name="group1" value="Milk"> Milk<br> 
<input type="radio" name="group1" value="Butter" checked> Butter<br> 
<input type="radio" name="group1" value="Cheese"> Cheese 
<hr> 
<input type="radio" name="group2" value="Water"> Water<br> 
<input type="radio" name="group2" value="Beer"> Beer<br> 
<input type="radio" name="group2" value="Wine" checked> Wine<br> 
</div> 
</form> 
</body> 
</html> 

コールdocument.getElementsByName("group1").items(0).<propertyname>or<function>

関連する問題