我想做一个显示百分比的狗计算器

时间：2016-12-17 05:35:55

标签： javascript php jquery html forms

这是我的Index.html代码： - 

      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <title>Untitled Document</title>
 </head>

 <body>
 <h1>Dog Love Calculator</h1>
<form action="dog2.php" method="post" name="DogCal" onsubmit="return validateForm()" >

<h3>Do Your Dog Hugs you with Eyes?</h3>

<strong><input name="hugs" type="radio" value="hugs_1" />
Yes</strong><br>
<input name="hugs" type="radio" value="hugs_2" />
<strong>No</strong><br>
<input name="hugs" type="radio" value="hugs_3" />
<strong>Maybe</strong><br> <br>

<h3>Does Your Dog Lifts his Eyebrows when Meets You?</h3>
<input name="eyebrows" type="radio" value="eyebrows_1" />
<strong>Yes, Left One</strong><br />
<input name="eyebrows" type="radio" value="eyebrows_2" />
<strong>No, Right One</strong><br />
<input name="eyebrows" type="radio" value="eyebrows_3" />
<strong>No</strong><br /><br>

<h3>What Signs does He show when you Leave Home?</h3>
<input name="signs" type="radio" value="signs_1" />
<strong>Panic</strong><br />
<input name="signs" type="radio" value="signs_2" />
<strong>Calmness</strong><br /><br>

<h3>Where does he like to sleep?</h3>

<strong><input name="sleep" type="radio" value="sleep_1" />
On His Bed</strong><br>
<input name="sleep" type="radio" value="sleep_2" />
<strong>Beside you or on your bed</strong><br><br>

<h3>Does he Give you His favorite toy?</h3>
<input name="toy" type="radio" value="toy_1" />
<strong>Yes</strong><br />
<input name="toy" type="radio" value="toy_2" />
<strong>No</strong><br />
<input name="toy" type="radio" value="toy_3" />
<strong>Sometimes</strong><br /><br>

<h3>Does he take Interest in what you are doing?</h3>
<input name="interest" type="radio" value="interest_1" />
<strong>Yes</strong><br />
<input name="interest" type="radio" value="interest_2" />
<strong>No</strong><br /><br>

<h3>When you call your dog, does your pup quickly Returns Your Call?</h3>
<input name="call" type="radio" value="call_1" />
<strong>Yes</strong><br />
<input name="call" type="radio" value="call_2" />
<strong>No</strong><br /><br>

<h3>How Your Dog wags his tail in front of you?</h3>
<input name="tail" type="radio" value="tail_1" />
<strong>To the Right</strong><br />
<input name="tail" type="radio" value="tail_2" />
<strong>To the Left</strong><br /><br>

<h3>Does he Yawn With You?</h3>
<input name="yawn" type="radio" value="yawn_1" />
<strong>Yes</strong><br />
<input name="yawn" type="radio" value="yawn_2" />
<strong>No</strong><br />
<input name="yawn" type="radio" value="yawn_3" />
<strong>Sometimes</strong><br /><br>

<h3>How your Dog Move his ears in Front of You? </h3>
<input name="ear" type="radio" value="ear_1" />
<strong>Shift The Left Ear</strong><br />
<input name="ear" type="radio" value="ear_2" />
<strong>Shift The Right Ear</strong><br /><br>

<input type="submit" name="SubmitButton" value="Submit" >

<input type="reset" value="Reset">
</form>
</body>
</html>

Dog2.php是行动档案。

我希望每个肯定为10％，每个否则为3％，每次可能为5％，有时等等。最后主回声将是他们结果的总和。

如果有人选择：是，是，不，是，有时。

然后结果如下：10 + 10 + 3 + 10 + 5 = 38

回声就像那样

你的狗爱你38％..喜欢这个。

2 个答案:

答案 0 :(得分：1)

为了让您的生活轻松，您只需将％作为值放在您的单选按钮中。 例如：

<input name="yawn" type="radio" value="10" /> <strong>Yes</strong><br />
<input name="yawn" type="radio" value="3" /><strong>No</strong><br />
<input name="yawn" type="radio" value="5" /><strong>Sometimes</strong><br />

你可以在dog2.php中进行计算

答案 1 :(得分：1)

我做了一个快速测试。这对我有用。你可以复制和玩它。

dog.html 

var x = d3.scaleLinear()
    .domain([0,12]) //you have not defined the domain
    .rangeRound([0, width]);

dog2.php 

     <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <title>Untitled Document</title>
 </head>

 <body>
 <h1>Dog Love Calculator</h1>
<form action="dog2.php" method="post" name="DogCal" onsubmit="return validateForm()" >

<h3>Do Your Dog Hugs you with Eyes?</h3>

<strong><input name="hugs" type="radio" value="10" />Yes</strong><br>
<input name="hugs" type="radio" value="3" /><strong>No</strong><br>
<input name="hugs" type="radio" value="5" /><strong>Maybe</strong><br> <br>

<h3>Does Your Dog Lifts his Eyebrows when Meets You?</h3>
<input name="eyebrows" type="radio" value="10" /><strong>Yes, Left One</strong><br />
<input name="eyebrows" type="radio" value="3" /><strong>No, Right One</strong><br />
<input name="eyebrows" type="radio" value="5" /><strong>No</strong><br /><br>

<h3>What Signs does He show when you Leave Home?</h3>
<input name="signs" type="radio" value="10" /><strong>Panic</strong><br />
<input name="signs" type="radio" value="5" /><strong>Calmness</strong><br /><br>

<h3>Where does he like to sleep?</h3>

<input name="sleep" type="radio" value="10" /><strong>On His Bed</strong><br>
<input name="sleep" type="radio" value="5" /><strong>Beside you or on your bed</strong><br><br>

<h3>Does he Give you His favorite toy?</h3>
<input name="toy" type="radio" value="10" /><strong>Yes</strong><br />
<input name="toy" type="radio" value="3" /><strong>No</strong><br />
<input name="toy" type="radio" value="5" /><strong>Sometimes</strong><br /><br>

<h3>Does he take Interest in what you are doing?</h3>
<input name="interest" type="radio" value="10" /><strong>Yes</strong><br />
<input name="interest" type="radio" value="3" /><strong>No</strong><br /><br>

<h3>When you call your dog, does your pup quickly Returns Your Call?</h3>
<input name="call" type="radio" value="10" /><strong>Yes</strong><br />
<input name="call" type="radio" value="3" /><strong>No</strong><br /><br>

<h3>How Your Dog wags his tail in front of you?</h3>
<input name="tail" type="radio" value="10" /><strong>To the Right</strong><br />
<input name="tail" type="radio" value="3" />a<strong>To the Left</strong><br /><br>

<h3>Does he Yawn With You?</h3>
<input name="yawn" type="radio" value="10" /><strong>Yes</strong><br />
<input name="yawn" type="radio" value="3" /><strong>No</strong><br />
<input name="yawn" type="radio" value="5" /><strong>Sometimes</strong><br /><br>

<h3>How your Dog Move his ears in Front of You? </h3>
<input name="ear" type="radio" value="10" /><strong>Shift The Left Ear</strong><br />
<input name="ear" type="radio" value="3" /><strong>Shift The Right Ear</strong><br /><br>

<input type="submit" name="SubmitButton" value="Submit" >

<input type="reset" value="Reset">
</form>
</body>
</html>
希望这有帮助。

相关问题
最新问题