Scribd
Upload
15 views2 pages

Checkbox Options for Scope of Work

The document outlines a form structure for collecting information regarding a city or municipality and the scope of work. It includes fields for entering the city name, checkboxes for tasks such as demolition and other specified tasks, and conditional input for additional details. The form is designed to capture user input through controlled components and handle changes dynamically.

Uploaded by

Patrick John Orolfo
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
15 views2 pages

Checkbox Options for Scope of Work

The document outlines a form structure for collecting information regarding a city or municipality and the scope of work. It includes fields for entering the city name, checkboxes for tasks such as demolition and other specified tasks, and conditional input for additional details. The form is designed to capture user input through controlled components and handle changes dynamically.

Uploaded by

Patrick John Orolfo
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd

<Col md={4}>

<[Link] className="mb-3">
<[Link]>CITY/MUNICIPALITY</[Link]>
<[Link]
type="text"
name="cM"
value={[Link]}
onChange={handleChange}
required
/>
</[Link]>
</Col>
</Row>
</Card>
{/* Scope of Work Section */}
<Card className="mb-3 p-5">
<h5 className="mb-3">Scope of Work</h5>
<Row>
<Col xl={6} md={6} sx={6}>

<[Link] className="mb-3">
<[Link]
type="checkbox"
label="Demolition"
name="demolition"
checked={[Link]}
onChange={handleChange}
/>
</[Link]>
<[Link] className="mb-5">
<[Link]
type="checkbox"
label="Others"
name="others"
checked={[Link]}
onChange={handleChange}
/>
{[Link] && (
<[Link]
type="text"
name="otherDetails"
value={[Link]}
onChange={handleChange}
placeholder="Please specify"
className="mt-2"
/>
)}
</[Link]>
</Col>

<Col>
<[Link] className="mb-3">
<[Link]
type="checkbox"
label="Demolition"
name="demolition"
checked={[Link]}
onChange={handleChange}
/>
</[Link]>
<[Link] className="mb-5">
<[Link]
type="checkbox"
label="Others"
name="others"
checked={[Link]}
onChange={handleChange}
/>
{[Link] && (
<[Link]
type="text"
name="otherDetails"
value={[Link]}
onChange={handleChange}
placeholder="Please specify"
className="mt-2"
/>
)}
</[Link]>

</Col>
</Row>

</Card>

You might also like