单选按钮没有在 Firefox 中使用 jQuery 传递值

Question

我有这个评论网站，有一个表格供用户输入他们的评论，例如：http://www.thecrowder.com/index.php/userreviews/sites/99_Designs（点击“提交评论”）

我正在使用 jQuery star rating plugin ，它在 Chrome 中运行良好。但是，Firefox 和 IE 存在一些问题 - 它无法识别正在发送的值，并且我收到“评级”变量丢失的错误。

如果我删除 jquery 中的“：checked”，我不会收到错误消息，但显然也会得到“0”作为评级。我应该为其他浏览器编写这个不同的方式吗？

审核表：

<table>
<tr>
    <td>Site reviewed:</td>
    <td><input readonly type="text" id="site" value="<?php echo ucwords($cleanSitename); ?>" class="required"></td>
    </tr>
    <tr>
        <td>Name:</td>
        <td> <input type="text" id="name" class="required" > </td>            
    </tr>
    <tr>
        <td>Review:</td>
        <td><textarea id="messageUser" class="required" ></textarea></td>
    </tr>
    <tr>
        <td>Rate this site:</td> <!--jquery star rating system -->
        <td class="required">
            <div>                       
                <input type="radio" value="1" class="star" name="rate"/>
                <input type="radio" value="2" class="star" name="rate"/>
                <input type="radio" value="3" class="star" name="rate"/>
                <input type="radio" value="4" class="star" name="rate"/>
                <input type="radio" value="5" class="star" name="rate"/>                               
            </div>
        </td>
    </tr>
</table>
<button id="submitReview2">Submit</button>

jQuery：

$('#submitReview2').click(function() {
    var profile = $('#site').val();
    var name = $('#name').val();
    var message = $('#messageUser').val();
    var rating = $("input:radio[name=rate]:checked").val();
  }

顺便说一句，如果有什么不同，我正在使用 codeigniter。 谢谢

Answer 1

试试这个来获得选中的星数：

var rating = $(".star-rating-control .star-rating-on").length;