为什么预先检查单选按钮无法获得价值?

时间:2014-04-01 03:11:00

标签: javascript jquery html

我目前正在开展一个简单的项目。但不幸的是,当我按下提交按钮时,我的单选按钮无法正常工作。由于我使用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> 

这是带有onclick show hide功能的javascript:

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

</script>

2 个答案:

答案 0 :(得分:1)

您可以在html输入上添加一个“禁用”代码。

这是你的代码:

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

替换你的代码:

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

答案 1 :(得分:0)

我没有得到你真正想要的东西,但如果你只是想要预先检查过的单选按钮ID那么你可以试试这个

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

或使用

获取值
$("input:radio:checked").val();

这是小提琴Link