在 datalink (jQuery) 中使用 setField 设置单选按钮

Question

我需要使用 datalink（jQuery 插件）中的 setField() 方法设置单选按钮。

我已经在 gitHub 上阅读了有关此问题的问题，并看到了一个叉子来解决它（https://github.com/ jamiemthomas/jquery-datalink），但这适用于旧版本的 jQuery。

使用数据链接插件的 setField 方法更新单选按钮的简单方法是什么（也许需要稍加修改）？也许还有其他替代品/插件？

Answer 1

感谢登录此问题的评论（https://github.com/jquery/jquery-datalink/issues/14#issuecomment-531732），我已经调整了那里找到的黑客。通过按如下方式更改 setField 方法，它可以工作：（

编辑 - 还添加了用于设置复选框的代码）。

之前：

    if ( target.nodeType ) {
        var setter = fnSetters[ field ] || "attr";
        $(target)[setter](value);

之后：

    if ( target.nodeType ) {
        var setter = fnSetters[ field ] || "attr";
        /* Hack to set radio buttons */
        if ($(target).is(':radio')) {
            $(target).parent().children(":radio[value='" + value + "']").attr('checked', true);
        } else if ($(target).is(':checkbox')) {
            if (target.value == value) $(target).attr('checked', true);
        } else {
            $(target)[setter](value);
        }

编辑 - 我还在 GitHub 上分叉了原始数据链接项目并添加了这些更改： https:// /github.com/mydoghasworms/jquery-datalink/

Answer 2

通过以下更改更新了 mydoghasworm 的代码，以修复他在以下两个代码片段中遇到的“无法取消选中”问题。

            if ( m ) {
                var name = m.name,
                    value = m.value,
                    convert = m.convert;
                if (ev.target.attributes['type'].nodeValue === "checkbox") {
                    value = ev.target.checked;
                }
                if ( convert ) {
                    value = convert( value, ev.target, target );
                }
                if ( value !== undefined ) {
                    $.setField( target, name, value );
                }

还

} else if ($(target).is(':checkbox')) {
                //value is whether or not checkbox is clicked
                if (value)
                    $(target).attr('checked', true);
                else
                    $(target).removeAttr('checked');