jquery给隐藏input框赋值无效？？jquery踩坑

jquery实现一个功能：
点击某radio按钮后，隐藏input的text框，同时给该文本框赋值，
按浏览器的F12发现，隐藏input文本框后，无法赋值，这是一个假象。

真实情况是：已经赋值成功了，但由于增加了d-none的隐藏属性，浏览器F12上看是赋值不成功，其实已经成功赋值，若要在浏览器能看到赋值，就要移除input文本框的隐藏属性d-none
正确代码如下：

<script type="text/javascript">
// 禁用、启用绑定域名
$("input[name='is_domain']").click(function(){
    if($(this).val() == 1){
        $('.bind_domain').removeClass('d-none');
    }else{
        $('.bind_domain').val('');
        $('.bind_domain').addClass('d-none');
    }
});
</script>