ネストされた ul li ツリーを作成しました。各liノードの前にラジオまたはチェックボックスコントロールが必要です。そのために、私はclass="single/multiple"
各liを持っています。これで、すべてのliをスキャンしてラジオまたはチェックボックスコントロールを追加するjqueryネスト関数を作成しました。正常に動作しています。
Jクエリ:
var count = 0;
$(function(){
AddCBRadNodes($("#tree").children("ul"));
});
function AddCBRadNodes(node) {
count = count+1;
$(node).children("li").each(function() {
if($(this).hasClass("single")) {
$(this).prepend("<span><input type='radio' name='rad_"+count+"' /></span>");
}
else if($(this).hasClass("multiple")) {
$(this).prepend("<span><input type='checkbox' name='cb_"+count+"' /></span>");
}
//Nesting here
if($(this).children("ul").children("li").size() > 0) {
AddCBRadNodes($(this).children("ul"));
}
});
}
フィドルはこちら - http://jsfiddle.net/ashwyn/Y46Dw/1/
私ができないことは、li レベルごとに固有の名前が必要なことです。たとえば。A1、A2、A3 は同じ名前にする必要がありますが、他の li とは異なる名前にする必要があります。firebug でコントロールを分析すると、現在の jquery が 、 、および に割り当てられているrad_1
ことがわかります。それは私が必死に助けを必要としている論理的な問題です. 前もって感謝します。P1
rad_6
P2
P3