javascript - 带有Javascript和PHP的多个ID

我得做一件简单的工作。
我有：

echo' <div class="col-sm-12" id="recensioni_titolo">
                        <form role="form" id="review-form" method="post" action="php\insert_comment.php">
                            <div class="row">

                                <div class="col-sm-8">
                                    <div class="form-group">
                                        <input type="text" class="form-control" name="Titolo" id="titolo_review" placeholder="Titolo">
                                        <input type="text" class="form-control" name="ID_locale" id="titolo_review" value="'.$id_Local.'" style="visibility: hidden; position:fixed;">
                                    </div>
                                </div>
                                <div class="col-sm-4">
                                    <fieldset class="rating">
                                        <input type="radio" id="star5'.$id_Local.'" name="Voto" value="5" /><label class = "full" for="star5'.$id_Local.'" title="Ottimo - 5 stelle"></label>
                                        <input type="radio" id="star4'.$id_Local.'" name="Voto" value="4" /><label class = "full" for="star4'.$id_Local.'" title="Buono - 4 stelle"></label>
                                        <input type="radio" id="star3'.$id_Local.'" name="Voto" value="3" /><label class = "full" for="star3'.$id_Local.'" title="Discreto - 3 stelle"></label>
                                        <input type="radio" id="star2'.$id_Local.'" name="Voto" value="2" /><label class = "full" for="star2'.$id_Local.'" title="Insufficiente - 2 stelle"></label>
                                        <input type="radio" id="star1'.$id_Local.'" name="Voto" value="1" /><label class = "full" for="star1'.$id_Local.'" title="Pessimo - 1 stella"></label>
                                    </fieldset>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <textarea class="form-control textarea" rows="3" name="Review" id="review" placeholder="Inserisci una descrizione.."></textarea>
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-12">
                                    <button type="button" class="btn main-btn pull-right" name="submit_review" id="submit_review'.$id_Local.'">Invia</button>
                                </div>

                            </div>

这段代码生成了5次相同的代码。我必须找到一个方法来声明并在唯一模式下使用id=“review form”，因为使用此代码：

$(document.getElementsByName("submit_review")).unbind().click(function() {
var chx = document.getElementsByName("Voto");
   for (var i=0; i<chx.length; i++) {
// If you have more than one radio group, also check the name attribute
// for the one you want as in && chx[i].name == 'choose'
// Return true from the function on first match of a checked item
if (chx[i].type == 'radio' && chx[i].checked) {
        $.ajax({
        url : "php/insert_comment.php",
        type : "post",
        data : $("#review-form").serialize(),
        success : function(data){
            $.ajax({
        url : "php/reviews.php",
        type : "post",
        data: {'id_Local' : $('.modal').attr('data-modal')},
        success : function(data){
            $('#box_recensioni').html(data);
            chx[i].checked=false;

    }
    })
    }
   })

    return true;
   }
 }
 // End of the loop, return false
alert("Inserisci almeno il voto!!")
return false;
});

我只有第一个要素在起作用。
我可以用“id.$variable”生成id，但我不知道如何引用javascript文件中的每个id。
提前谢谢大家

最佳答案

正如其他人所说，使用相同的ID将是无用的，而您可能希望使用类标识符。假设你想创建多个表单元素。。。而且你没有一个唯一的标识符在你的脚本中使用你可以尝试以下我没有测试过的。。。
我知道你已经拿到单选按钮了

var chx = document.getElementsByName("Voto");

在你的if语句中检查了一下

if (chx[i].type == 'radio' && chx[i].checked) {

如果是这样的话，也许你可以尝试通过做一些类似于

var thisForm = chx[i].closest('form')
--and later do thisForm.serialize();

check this out for more detail in using closest

关于javascript - 带有Javascript和PHP的多个ID，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/45570795/