Question

我是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>

我想要结果为如果是复选框＆＃34; Seatl，seat3和seat7＆＃34;检查我想要结果

<textarea id="seats">A1,A3,SL4</textarea>
<textarea id="total_amount">750</textarea>

请帮我解决这个问题。提前谢谢。

Answer 1

你可以使用普通的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>

希望有所帮助......

Answer 2

$(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); 
   }


});
});

Answer 3

首先为seatNos

这样的复选框添加一个公共类

在提交功能中添加此功能，或者如果事件在每个复选框中都需要，请单击添加检查选中的事件

 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

如何添加复选框ID并插入textarea？

3 个答案: