Question

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

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

这是一些不起作用的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

试试这段代码：

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

Answer 3

使用此

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

Answer 4

检查

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

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

演示：http://jsfiddle.net/vMGVf/

将radiobutton与文本框连接起来

4 个答案: