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

时间:2013-02-13 12:32:04

标签: jquery html codeigniter firefox

我有这个评论网站,其中有一个供用户输入评论的表单,例如: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。 感谢

1 个答案:

答案 0 :(得分:1)

尝试此选项以获得所选星数:

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