jQuery复选框样式问题

jQuery checkbox styling issue

本文关键字：问题样式复选框 jQuery 更新时间：2023-09-26

我有一段jQuery代码，我用它来检查一个复选框是否被选中。如果没有，则抛出一个事件。

<>之前


$('#Button').click(function() {
        if(!$('input[@name='"image_id'"]:checked').val()){
            //Do Something
            return false;
            }
});

之前

它工作得很好，但我决定用jQuery checkbox插件来设置默认复选框的样式。

现在问题来了，这是样式化后的输出:

<input type="radio" name="answerswer_id" value="37" style="position: absolute; z-index: -1; visibility: hidden;">`
<span class="jquery-safari-checkbox jquery-safari-checkbox-checked"><span class="mark"><img src="empty.png"></span></span>

使我无法查看输入是否被检查。关于我能做什么(如果有的话)或者我应该恢复到旧的复选框的任何想法?

你不需要做任何特别的事情。原来的复选框仍然存在并保持其状态。当你点击花哨的复选框时，插件会更新隐藏的复选框以匹配当前状态。

如果使用最新的jQuery，也可以稍微更新一下代码。你的代码太过时了:

$('#Button').click(function () {
    if (!$('input[name=image_id]').prop('checked')) {
        //Do something
        return false;
    }
});

演示:http://jsfiddle.net/k2d6E/

在我看来这样做有点乱，但是:

if($(".jquery-safari-checkbox").hasClass("jquery-safari-checkbox-checked")){
   //Do something
   return false;
}