2014-04-01 118 views
-1

我目前正在一個簡單的項目。但不幸的是,當我按下提交按鈕時,我的單選按鈕無法完美工作。由於我使用show hide onclick函數來禁用隱藏元素輸入文本,因此我需要先點擊單選按鈕然後才能工作。我可以做什麼來獲得「數據庫」單選按鈕ID,而無需點擊任何單選按鈕?爲什麼預選的單選按鈕無法獲得價值?

這是HTML代碼:

<html> 
<head> 
<script src="http://code.jquery.com/jquery-git2.js"></script> 
    <meta charset="utf-8"> 
    <title>Send EDMs</title> 
</head> 
<body> 
<form action="confirm_sendemail.php" method="post" enctype="multipart/form-data" name="form1" id="form1" > 
Subject : <br/> 
<input type="text" name="subject" id="subject" required/> <br/> 
Choose your upload type: <br /> 
<input type="radio" name="email" id="database" onclick="database_csv()" checked="checked" value="database"/>Database 
<input type="radio" name="email" id="csv" onclick="database_csv()" value="csv"/>CSV<br/> 
<div id="send_type" style="display:none"> 
    <input name="csv" type="file" id="csv" accept=".csv" required/> <br/> 
</div> 
Content : <br/> 
<textarea name="message" cols="50" rows="10" required></textarea><br/> 
<input type="submit" name="submit" value="Submit"/> 
</form> 
</body> 
</html> 

這是JavaScript和的onclick顯示隱藏功能:

<script> 
function database_csv(){  
    $('#send_type').hide().find('input').prop('disabled', true); 
} 
function csv_database(){ 
    $('#send_type').show().find('input').prop('disabled', false); 
} 

</script> 
+0

一個問題 - ' spiderman

+0

有關於此的任何問題? – user3454436

+0

嗯..一刻鐘 – spiderman

回答

1

您可以在HTML輸入添加一個 「禁用」 代碼。

這是你的代碼:

<input name="csv" type="file" id="csv" accept=".csv" required/> 

取代你這樣的代碼:

<input name="csv" type="file" id="csv" accept=".csv" required disabled/> 
0

我沒有得到你真正想要的,但如果你只是想預先檢查單選按鈕ID那麼你可以試試這個

$("input:radio:checked").attr('id'); 

或者獲得使用

$("input:radio:checked").val(); 

這是小提琴Link