jQuery についてはまだ理解が進んでおり、特にこのフォーラムの投稿の助けを借りて、できる限りのことを達成できたことを嬉しく思います。ただし、ボタンのように見えるラジオグループを作成するという、私が望む機能を実行する機能にたどり着きました。json を介してデータを取得し、ラジオ ボタンの作成をループします。
生成されたラジオ ボタンの ID を取得して、アプリの次のステップまで解析できるようにしたいのですが、動作させることができません。
function FillDiv(groups, side) {
var cnt = 1;
var newClass = '';
var newType = '';
if (side == '#ck-button-left') {
newClass = 'leftClass';
newType = 'radio'
}
else {
newClass = 'rightClass';
newType = 'checkbox'
}
$.each(groups, function (index, groups) {
$(side)
.append(
$(document.createElement('label')).attr({
id: cnt + 'lbl'
})
);
$('#' + cnt + 'lbl')
.append(
$(document.createElement('input')).attr({
id: groups.GroupCode,
type: newType,
name: 'testGroup',
class: newClass
})
);
$('#' + groups.GroupCode).after
(
$(document.createElement('span')).text(groups.GroupName).attr('class', 'leftSpan')
);
$('#' + cnt + 'lbl').after($(document.createElement('br')));
cnt = cnt + 1;
});
}
さまざまな検索結果を見ると、次のようなもので動作するはずです...
$('#leftSpan').mouseover(function () {
$('#lblOutput').html(this.id);
});
または、私が疑うように、親または子を参照する必要があるのは、ラベル/入力のネストに関係しています。
任意のポインタをいただければ幸いです。