Javascript 使用phonegap和firebase的移动应用程序表单
我正在用phonegap和firebase做一份移动应用调查表。 表单中的“我的数据”已插入firebase,但它仅适用于文本框,而不适用于单选按钮。我的代码有问题吗?Javascript 使用phonegap和firebase的移动应用程序表单,javascript,cordova,firebase,firebase-realtime-database,phonegap,Javascript,Cordova,Firebase,Firebase Realtime Database,Phonegap,我正在用phonegap和firebase做一份移动应用调查表。 表单中的“我的数据”已插入firebase,但它仅适用于文本框,而不适用于单选按钮。我的代码有问题吗?这是firebase中显示的代码。 以下是我的代码 <form id="testForm"> <b style="font-size: 27px;">Survey Form<p></p></b> <b c
这是firebase中显示的代码。 以下是我的代码
<form id="testForm">
<b style="font-size: 27px;">Survey Form<p></p></b>
<b class=fs>Name of client:</b> <br><input type="text" name="name" id="name"><br>
<b class=fs>Date: </b><br><input type="date" name="date" id="date"><p></p>
<b class=fs>1)Do you worry? In the past month?</b> <p>
<input type="radio" name="q1" value="0" id="q1"> 0
<input type="radio" name="q1" value="1" id="q1"> 1 <p>
<b class=fs>2) Have you been sad or depressed in the past month?</b> <p>
<input type="radio" name="q2" value="0" id="q2"> 0
<input type="radio" name="q2" value="1" id="q2"> 1 <p>
<input type="submit" class="button" value="Submit">
</form>
<script src="https://www.gstatic.com/firebasejs/4.6.2/firebase.js"></script>
<script>
//reference messages collection
var testRef = firebase.database().ref('test');
// listen for form submit
document.getElementById('testForm').addEventListener('submit',submitForm);
function submitForm(e){
e.preventDefault();
var name = getInputVal('name');
var date = getInputVal('date');
var q1 = getInputVal('q1');
var q2 = getInputVal('q2');
saveMessage(name,date,q1,q2);
}
function getInputVal(id){
return document.getElementById(id).value;
}
function saveMessage(name,date,q1,q2){
var newMessageRef = testRef.push();
newMessageRef.set({
screenby:name,
date:date,
q1:q1,
q2:q2,
});
}
</script>
</body>
</html>
调查表
客户名称:
日期:
1) 你担心吗?在过去的一个月里
0
1
2) 在过去的一个月中,你是否感到悲伤或沮丧
0
1
//参考邮件收集
var testRef=firebase.database().ref('test');
//收听表格提交
document.getElementById('testForm')。addEventListener('submit',submitForm');
函数提交形式(e){
e、 预防默认值();
var name=getInputVal('name');
变量日期=getInputVal(“日期”);
var q1=getInputVal('q1');
var q2=getInputVal('q2');
保存消息(名称、日期、第一季度、第二季度);
}
函数getInputVal(id){
return document.getElementById(id).value;
}
函数saveMessage(名称、日期、第一季度、第二季度){
var newMessageRef=testRef.push();
newMessageRef.set({
筛选人:姓名,
日期:日期:,
q1:q1,
q2:q2,
});
}
ID必须是唯一的,因为您使用的是name
。使用document.getElementsByClassName(“示例”)
要访问您的值,请首先尝试