jq 实现单选框后面可输入内容

<ul id="id_count" class="radio inpradio">
    <li><label for="id_count_0"><input type="radio" name="count" value="10" class="radio inpradio" required="" id="id_count_0" checked=""></label>
    </li>
    <li><label for="id_count_1"><input type="radio" name="count" value="0" class="radio inpradio" required="" id="id_count_1">
 不限</label>
    </li>
</ul>

<script>

        /*
        重写限制数量框
        */
        function resetRadio(){
            var id_count = $("#id_count_0");
            var val = id_count.val();
            var html = "<input type='text' value='"+val+"' id='id_count_text' style='width:50%;text-align:center;vertical-align:top;' onclick='radioOnclick()' onblur='radioOnblur()' />";
            var text =id_count[0];
            id_count.parent().html(text);
            id_count.parent().append(html);
        }
        /*
        选中输入框时，获取焦点
        .prop("checked",true);
        */
        function radioOnclick() {
            　$("#id_count_0").prop("checked",true);
        }
        /*
        离开输入框时把输入的值传给radio组件的value
        */
        function radioOnblur() {
            var id_count =$('#id_count_text').val();
            $("#id_count_0").val(id_count);
        }
        </script>