我是Prasath,我是AJAX的新手。我正在做座位布局项目,我发现很难同时得到座位票价和座位号。请有人帮我解决问题。这是我的代码
<div id="mydiv">
<input type="checkbox" name="seat1" id="A1" value="250" />
<br />
<input type="checkbox" name="seat2" id="A2" value="250" />
<br />
<input type="checkbox" name="seat3" id="A3" value="300" />
<br />
<input type="checkbox" name="seat4" id="SL1" value="250" />
<br />
<input type="checkbox" name="seat5 " id="SL2"
value="250" />
<br />
<input type="checkbox" name="seat6" id="SL3" value="300" />
<br />
<input type="checkbox" name="seat7 " id="SL4" value="300" />
<textarea id="seats"></textarea>
<textarea id="total_amount"></textarea>
</div>
我想要结果如果复选框"Seatl,seat3和seat7"被选中,我希望结果为
<textarea id="seats">A1,A3,SL4</textarea>
<textarea id="total_amount">750</textarea>
请帮我解决这个问题。提前谢谢。
只需简单的javascript(不需要jQuery):
function myAudis(){
var inputs = document.getElementById("mydiv").getElementsByTagName("input");
var seats=[], total_amount=0, c=0;
for(var i=0;i<inputs.length;i++){
if(inputs[i].type!="checkbox"){continue;}
if(inputs[i].checked){seats[c++]=inputs[i].id; total_amount+=parseInt(inputs[i].value);}
}
document.getElementById("seats").value=seats;
document.getElementById("total_amount").value=total_amount;
}
你可以这样称呼它:
<button type="button" onclick="myAudis()">Calculate</button>
希望能有所帮助。。
$(document).ready(function(e) {
var ids = "";
$(':checkbox').bind('change',function(){
var th = $(this), id = th.attr('id');
//alert(th);
if(th.is(':checked')){
ids = ids+id+",";
$('#seats').val(ids);
}
else
{
ids = ids.replace(id+",","");
$('#seats').val(ids);
}
});
});
首先为复选框添加一个公共类,如seatsNos
将其添加到您的提交功能中,或者如果事件希望它出现在每个复选框中,请单击添加添加检查检查的事件
var total = 0;
var textarea = '';
$('.seatsNos:checked').each(function () {
var e = $(this);
var textarea = ',' + e.attr('id');
total = total + e.val();
});
$('#seats').val(textarea );
注意:Jquery需要