在輸入類型上使用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/