在输入类型上使用JQuery ReplaceWith复选框

Question

我试图将带有输入的表转换为值表。 我创建了此javascript函数，该函数对除带有类型复选框的输入之外的所有东西都有效。

这是我当前的功能：

    function PopulateHidden() {

        $('#Units input').replaceWith(function () {
            return this.value;
        });
        $('#Units select').replaceWith(function () {
            return this.value;
        });

        var html = $("#Units").html();
        $('#<%=UnitTableHtml.ClientID%>').val(html);
    }

我试图做这种方法的各种版本：

        $(".chk").replaceWith(function () {
            alert(this.html());
            if (this.prop('checked') == true) {
                alert("YES");
                return "Yes";
            };
            return "No";
        });

但是我一直将文本框的值设置为“ on”，而不是true / false。 我希望该值为Yes或No，但它不在if语句内。 为什么无法将复选框的值作为布尔值获取任何原因？

这是我定义复选框的方式：

<input type="checkbox" class="chk" style="width:20px;height:20px;"/>

Answer 1

在我用相同的建议构建此小提琴时，所有人都赞扬了贾斯珀：需要$(this)而不是this

http://jsfiddle.net/o8bm0vxx/