これは私のjqueryコードです。http://jsfiddle.net/geekrule/ZnAvP/1/
画像を選択すると、画像のソースを含むテキストボックスが追加され、「name」プロパティが追加されます。
画像の選択を解除すると、「名前」が更新されます。
例:
i select images 1,3,4,5
corresponding value of 'name' of input boxes will be 1,2,3,4
and now when i unselect images -3,4
value of 'name' should be 1 and 2(this part is what i am stuck at.the values i get are 1,4).
更新されていません。
あなたが問題を理解したことを願っています。私を助けてください。前もって感謝します
質問する
227 次
1 に答える
2
私の意見では、より簡単な解決策は、各画像選択でテキストボックスを再生成することです。
<div id="selectList">
<img src="http://tinyurl.com/26asnv7" />
<img src="http://tinyurl.com/26asnv7" />
<img src="http://tinyurl.com/26asnv7" />
<img src="http://tinyurl.com/26asnv7" />
<img src="http://tinyurl.com/26asnv7" />
<img src="http://tinyurl.com/26asnv7" />
<img src="http://tinyurl.com/26asnv7" />
<img src="http://tinyurl.com/26asnv7" />
</div><form id='if' name='forms' method='post'>
<button type='submit' class="uploadPic">Upload Fb</button>
</form>
$(function() {
$("#selectList img").click(
function(event) {
if( !$(this).is(".clicked") && $("#selectList img.clicked").length >= 3){
event.preventDefault();
alert('only 3 photos allowed');
return;
}
$(this).toggleClass("clicked");
regenerateTextBoxes();
});
});
function regenerateTextBoxes() {
$('#if .selection').remove();
$("#selectList img.clicked").each(function(index, element) {
var $input = $('<div>', {
'class': 'selection',
'html': $('<input>', {
'type': 'text',
'value': $(this).attr('src'),
'name': 'pics' + index
})
});
$("#if").append($input);
});
}
于 2012-07-05T10:31:55.330 に答える