JSFiddle - React, Tailwind, and code Playground

HTML

<input id="text" type="checkbox" name="text" value="Other">
<label for="vocal11" style="font-family:Microsoft JhengHei;">其他</label>
<input type="text" id="txt_other" name="text">

JavaScript

$(document).ready(initialize);

function initialize() {
   $("input#txt_other").hide(); 
   $(":checkbox").click(countChecked);    
}


function countChecked() {
    if ($("input#text").is(':checked')) {
        $("input#txt_other").show();                
    }
    else {
        $("input#txt_other").hide(); 
    }
}