用文本框連接單選按鈕

我有一個帶有文本框和單選按鈕的動態創建表單，我希望它們一起工作。用文本框連接單選按鈕

如果我在文本框中寫東西，我希望單選按鈕被取消選中，並且如果選中單選按鈕，我希望文本框爲空。我嘗試了很多不同的東西，其中一些只是因爲動態創建的形式而無法工作。

下面是一些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(""); 
});

來源

2013-07-19 Daniel Gustafsson

時調用此函數？ – reyaner

它的文本按鈕上的onchange事件調用 –

正如你在你的代碼中提到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/

來源

2013-07-19 11:23:35

不，也沒有工作:( –

更新，因爲我錯過了一個需求。 –

試試此代碼：

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

來源

2013-07-19 11:23:37

使用此

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

來源

2013-07-19 11:24:15 Nithesh

'document.getElementById（「AbdominalCircumferencetextbox」）。text' what ??? – lifetimes

我試過了現在但我沒有工作:( 函數radiobox（）{ if（document.getElementById（「AbdominalCircumferencetextbox」）。text ==「」）{ jQuery（「＃AbdominalCircumferenceradio」）。attr（'checked'，'檢查 '）;！ } 如果（的document.getElementById（「AbdominalCircumferencetextbox」）文本== 「」）{jQuery的（「＃AbdominalCircumferenceradio」）removeattr（' 檢查」， '檢查'）;} } –

@Zenith請看看他的問題 – Nithesh

入住這

$("#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/

來源

2013-07-19 11:43:13

用文本框連接單選按鈕

回答

相關問題