0
私はラジオボタンをクリックしなかった場合、サーバーから完全なログリストを取得したら、その部分を終了しました。しかし、私はちょうど今すぐユーザーのクリックをラジオボタンの値でリストのマッピングを表示する方法を知らないまま固執していますか?ユーザーがguava
をクリックすると、たとえば は、ログはグアバについてのメッセージが表示されます:jQueryラジオボタンで配列をマッピングする方法値
Jan 2 22:00:10 guava for 1
ユーザーがguava and strawberry
をクリックした場合、ログはこのような両方のグアバとストロベリーのメッセージが表示されます:
Jan 1 00:00:10 strawberry for 2
Jan 2 22:00:10 guava for 1
Jan 3 03:10:16 strawberry for 22
私のコードはここにある:
var cart = "|grocery|Jan 1 00:00:10 |shopping| [list]|strawberry| for 2 |grocery|Jan 1 00:20:23 |shopping| [list]|apple| for 4 |grocery|Jan 2 00:10:10 |shopping| [list]|apple| for 5 |grocery|Jan 2 00:20:15 |shopping| [list]|banana| for 3 |grocery|Jan 2 10:00:00 |shopping| [list]|apple| for 10 |grocery|Jan 2 22:00:10 |shopping| [list]|guava| for 1 |grocery|Jan 3 01:09:08 |shopping| [list]|watermelon| for 7 |grocery|Jan 3 03:10:16 |shopping| [list]|strawberry| for 22";
$("#button").click(function(){
\t var tidyList = cart.split("|grocery|");
for(var i=0; i<tidyList.length; i++){
\t var list = tidyList[i].split("|");
var tmp = list[0] + "\r " + list[3] + list[4] + "\r<br/>";
if(list.length > 1 && $("input:radio").is(":checked") == false){
\t $("#showList").append(tmp);
}
\t }
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<table>
<tr>
<th>Fruits for you</th>
<td>
<ul>
<li>
<input type="radio" value="apple" id="apple">
<label for="apple">apple</label>
</li>
<li>
<input type="radio" value="banana" id="banana">
<label for="apple">banana</label>
</li>
<li>
<input type="radio" value="watermelon" id="watermelon">
<label for="apple">watermelon</label>
</li>
<li>
<input type="radio" value="guava" id="guava">
<label for="apple">guava</label>
</li>
<li>
<input type="radio" value="strawberry" id="strawberry">
<label for="apple">strawberry</label>
</li>
</ul>
</td>
</tr>
</table>
<input type="button" value="Shopping List" id="button">
<div id="showList"></div>
あなたは適切なデータ、この構造ではなく、文字列を使用して開始する必要があります。 – CBroe