javascript - 将单选按钮与文本框连接

Question

我有一个带有文本框和单选按钮的动态创建表单，我希望它们一起工作。

如果我在文本框中写了一些东西，我希望取消选中单选按钮，如果选中单选按钮，我希望文本框为空。我尝试了很多不同的东西，其中一些因为动态创建的形式而无法工作。

这是一些不起作用的 JavaScript 代码，但也许它会帮助您实现我想要做的事情。

function radiobox() {
  if (document.getElementById("AbdominalCircumferencetextbox").text == "") {
      document.getElementById("AbdominalCircumferenceradio").checked = true;
  }
} 

编辑：我已经通过这样做解决了！

$(document).on("change", "#AbdominalCircumferencetext", function () {
$("#AbdominalCircumferenceradio").prop('checked', false);
});

$(document).on("change", "#AbdominalCircumferenceradio", function () {
$("#AbdominalCircumferencetext").val("");
});

Answer 1

正如您在标签中提到的 jquery ，使用 jQuery 执行此操作的一种简单方法是：

<input type="text" id="myTextBox" />
<input type="checkbox" id="myCheckbox" checked />

与相关的 JavaScript：

$(document).ready(function() {
    $("#myTextBox").keyup(function() {
       $("#myCheckbox").prop("checked", $(this).val() == "");
    });
    $("#myCheckbox").change(function() {
       $("#myTextBox").val("");
    });
});

此处演示：http: //jsfiddle.net/Rs5EC/1/

Answer 2

Check this

   $("#radioBtn").change(function () {
        if(document.getElementById("radioBtn").checked == true){
              document.getElementById("txtValue").value = "";
        }
    });

    $("#txtValue").on("mousedown",function(){
           document.getElementById("radioBtn").checked = false;
    });

Demo : http://jsfiddle.net/vMGVf/

Answer 3

试试这个代码：

function radiobox() {
    el = $('#AbdominalCircumferencetextbox')
    if (el.val() == "") {
        el.prop('checked', true);
    }
}

Answer 4

用这个

function radiobox() {
    if (document.getElementById("AbdominalCircumferencetextbox").text == "") {
        jQuery("#AbdominalCircumferenceradio").attr('checked', 'checked');
    }