1

我正在尝试为我的网站制作一个表格,我可以在其中计算客户重新布线的成本。我已经完成了 HTML 元素,但我正在努力做 javascript。

我想展示的是:

<b>
<form id="rewire" action="">
  <p>Occupancy<br />
   Empty<input type="radio" name="occupancy" value="empty" /><br /> 
    Occupied<input type="radio" name="occupancy" value="livedin" /><br />
    <br />
Type of property
<br />
    <select name="property">
        <option value="bungalow">Bungalow</option>
        <option value="terraced">Terraced</option>
        <option value="detached">Semi / Detached</option>
    </select>
    <br /><br />
Number of rooms
<br />
Bedrooms
<br />
    <select name="bedrooms">
        <option value="1bed">1</option>
        <option value="2bed">2</option>
        <option value="3bed">3</option>
        <option value="4bed">4</option>
        <option value="5bed">5</option>
        <option value="6bed">6</option>
        <option value="7bed">7</option>
        <option value="8bed">8</option>
    </select>
        <br /><br />
Living Rooms
<br />
    <select name="Livingrooms">
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
    </select>
            <br /><br />
Bathrooms
<br />
    <select name="bathrooms">
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
    </select>
            <br /><br />
Kitchens
<br />
    <select name="Kitchens">
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
    </select>
            <br /><br />
Dining Rooms
<br />
    <select name="Diningrooms">
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
    </select>
</form>
</b>

我希望计算器从表单中添加单独的元素。例如:-

每间卧室增加 210 英镑
每间客厅 每间 270
英镑 浴室 每间厨房 305英镑 每间餐厅
470英镑 210 英镑

如果它住在+£250

梯田 + 250 英镑
梯田 + 阁楼 350 英镑

+£340 隐藏在表格中的标准费用。

4

3 回答 3

0

如果你想为你的网站创建一个计算器,我建议你看看“Appizy”。

它可以立即将电子表格转换为 HTML 和 JAVASCRIPT 格式的独立网络计算工具。您无需对整个界面和计算公式进行硬编码!

只需使用 Open- 或 LibreOffice 创建您的工作计算器,然后使用 Appizy。

我希望它可以帮助。最好的,尼古拉斯

于 2014-01-14T16:39:09.047 回答
0

您不应该使用 1bed,2bed 等。您应该使用 1,2 等作为值。

HTML 代码必须是这样的:

    <select name="property">
    <option name="bungalow" value="itscost(ex:110$)">Bungalow</option>
    <option name="terraced" value"itscost">Terraced</option>
    <option name="detached" value"itscost">Semi / Detached</option>
    </select>
<select name="bedrooms">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    <option value="6">6</option>
    <option value="7">7</option>
    <option value="8">8</option>
</select>

jQuery代码:

 var abc = $("select[name=property] option:selected").val();
 var def = $("select[name=bedrooms] option:selected").val();
 //each bedroom 210$
 var bedroomscost = def * 20;
 var total = abc + bedroomcost + livingroomcost.... etc. ;

你应该做这些。我希望我能说得好。

于 2013-07-06T15:20:27.023 回答
0

您应该在每个表单元素上添加一个 ID,以便它们更容易使用 javascript 定位。例如:

<select name="property" id="property">

我还强烈推荐包含 jQuery,它可以更轻松地从不同的表单元素中获取值。如果你这样做,那么 javascript 将类似于:

function calc(){
    total = 340;
    total += $("#livingroom").val() * 270;
    //etc

}
于 2013-07-06T14:47:10.090 回答